/* === ZOHO DESK: FORCE HIDE ONLY "SIGN IN" TAB === */

/* Hide Sign In link by URL */
a[href*="signin"],
a[href*="login"] {
    display: none !important;
}

/* Hide Sign In text if rendered as menu item */
.navbar li:last-child,
.navbar ul li:last-child {
    display: none !important;
}

/* Extra safety: hide button / span text */
.sign-in,
.signin,
.login,
.login-btn {
    display: none !important;
}

/* ================================
   HEADER (LIGHT WHITE – NO SHINE)
   ================================ */

.Header__navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    /* backdrop-filter REMOVED to avoid shine */
}

/* ================================
   HEADER MENU TEXT (DARK ONLY)
   ================================ */

.Header__tabsTab {
    color: #1F2933 !important;   /* dark text */
    font-weight: 500;
}

/* Hover / Active = Orange */
.Header__tabsTab:hover,
.Header__tabsTab.active,
.Header__tabsTab[aria-current="page"] {
    color: #F26A21 !important;
}

/* ================================
   HERO IMAGE (PURE OLD LOOK)
   ================================ */

.Header__searchSection {
    position: relative;
}

.Header__searchSection::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45); /* SAME AS BEFORE */
}

.Header__container {
    position: relative;
    z-index: 1;
}

/* ================================
   SEARCH BOX (UNCHANGED)
   ================================ */

.Header__searchBox input {
    height: 52px;
    border-radius: 8px;
}

.Header__searchBox button {
    background: #F26A21;
    border-radius: 0 8px 8px 0;
}

/* ================================
   ACCESSIBILITY / USER PREFERENCE ICON – DARK FIX
   ================================ */

/* Icon container */
#userPreference .CustomizeContainer__aPlus {
    color: #1F2933 !important;          /* dark icon */
    background-color: rgba(0,0,0,0.06); /* light dark circle */
    border-radius: 50%;
}

/* If icon is drawn via ::before / ::after */
#userPreference .CustomizeContainer__aPlus::before,
#userPreference .CustomizeContainer__aPlus::after {
    color: #1F2933 !important;
    fill: #1F2933 !important;
}

/* Hover state (optional – orange) */
#userPreference .CustomizeContainer__aPlus:hover {
    color: #F26A21 !important;
    background-color: rgba(242,106,33,0.12);
}
/* Remove background circle */
#userPreference .CustomizeContainer__aPlus {
    background: transparent !important;
    box-shadow: none !important;
}

/* Extra safety: pseudo elements bhi clean */
#userPreference .CustomizeContainer__aPlus::before,
#userPreference .CustomizeContainer__aPlus::after {
    background: transparent !important;
    box-shadow: none !important;
}