/*Hide burger menu*/
.t-Header-controls{
    display:none;
}


/* Ensure the navbar start section is centered */
.t-Header-navBar--start {
    justify-content: center !important; /* Force centering */
}

/* Center the Links List inside the navbar */
.t-LinksList {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 2rem;
}

/* Ensure each menu item aligns properly */
.t-LinksList-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Hide text and keep only icons */
.t-LinksList-label {
    display: none !important;
}

/* Increase icon size for better visibility */
.t-LinksList-icon {
    font-size: 22px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}


/* Increase icon size */
.t-LinksList-icon {
    font-size: 28px !important;
    color: black !important; /* Ensure contrast */
}

/* Ensure icon is fully visible */
.t-LinksList a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

/* Show text below the icon */
.t-LinksList-label {
    display: block !important;
    font-size: 14px;
    color:black !important; /* Adjust color for visibility */
    margin-top: 4px; /* Space between icon and text */
}

/**Setting colors for */
.t-Header-controlsIcon, .t-Header-controlsIcon:after, .t-Header-controlsIcon:before {
    background-color: rgb(15 14 14); 
}


.t-Header-branding {
    background-color: #fdfaf7; 

 }

/* Keep the header fixed at the top */
.t-Header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f1ebe6; /* Keep your desired color */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow for clarity */
}

/* Ensure body content does not overlap with the fixed header */
.t-Body-content {
    padding-top: 60px; /* Adjust this based on the header's height */
}


/*COLOR CHANGES*/
 
.t-Body-mainContent {
    background-color: #faf9f7;
}

.t-Region--accent1>.t-Region-header {
    --ut-region-header-background-color: #faf9f7;
    --ut-region-header-text-color: #0c0c0c;
}

.t-NavigationBar {
    color: black;
}

.t-Region-headerIcon {
    color:#ff6600;
}

.apex-item-autocomplete-readonly, .apex-item-color-picker-readonly, 
.apex-item-combobox, .apex-item-combobox-readonly, .apex-item-datepicker-readonly, 
.apex-item-group-readonly, .apex-item-multi, .apex-item-number-readonly, 
.apex-item-popup-lov-readonly, .apex-item-select, .apex-item-select-one-many-readonly, 
.apex-item-select-readonly, .apex-item-text, .apex-item-text-readonly, 
.apex-item-textarea, 
.apex-item-textarea-readonly, 
.apex-item-wrapper--combobox-many .apex-item-comboselect, .apex-item-wrapper--select-many 
.apex-item-comboselect, .apex-item-wrapper.is-readonly .js-accessible-readonly, .datetimepicker_newMonth, 
.u-TF-item--select, .u-TF-item--text, select.group_selectlist, select.listmanager {
 
    background-color: #e7832614;
}










/* --- CENTERED DROPDOWN / RIGHT-ALIGNED TEXT --- */

/* 1. Parent Reset */
.t-LinksList-item {
    position: relative;
}

/* 2. The Menu Card: Centered under parent */
.t-LinksList-item ul {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(5px); /* Centers the box */
    width: auto;
    min-width: 180px; 
   /* padding: 8px;*/
    margin: 0;
    list-style: none;
    z-index: 1000;
    
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    border-top: 3px solid #ff6600; 
}

/* 3. Smooth Fade-In Animation */
.t-LinksList-item:hover > ul {
    display: block !important;
    animation: navCenteredIn 0.15s ease-out forwards;
}

@keyframes navCenteredIn {
    from { opacity: 0; transform: translateX(-50%) translateY(12px); }
    to { opacity: 1; transform: translateX(-50%) translateY(2px); }
}

/* 4. Menu Items: Aligned Right with No Wrapping */
.t-LinksList-item ul li a {
    display: flex !important;
    flex-direction: row-reverse !important; /* Forces icon (if any) to the left of right-aligned text */
    align-items: center !important;
    justify-content: flex-end !important; /* Aligns text to the right side of the box */
    text-align: right !important;
    padding: 10px 16px;
    margin: 2px 0;
    border-radius: 6px;
    color: #333 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    
    /* CRITICAL: No Word Wrapping */
    white-space: nowrap !important;
}

/* 5. Hover State */
.t-LinksList-item ul li a:hover {
    background-color: #fff4ed !important;
    color: #ff6600 !important; 
}

/* 6. Icon fix for Right-Alignment */
.t-LinksList-item ul li a .t-LinksList-icon {
    font-size: 16px !important;
    margin-left: 10px !important; /* Space on the left of text because we reversed row */
    margin-right: 0 !important;
    margin-top: 0 !important;
    color: #ff6600 !important;
}

/* 7. Center Anchor Triangle */
.t-LinksList-item ul::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ff6600;
}