/* -------------------------------------- */
/* 1. Hide floating Contact Us on mobile  */
/* -------------------------------------- */
@media (max-width: 768px) {
    .uagb-buttons__outer-wrap.uagb-block-499c3102 {
        display: none !important;
    }
}

/* ---------------------------------------------------- */
/* 2. Add space to mobile nav for optional Contact Us   */
/* ---------------------------------------------------- */
@media (max-width: 782px) {
    .wp-block-navigation__responsive-container-content::after {
        content: '';
        display: block;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin: 10px 0;
    }

    .wp-block-navigation__responsive-container-content::before {
        content: '';
        display: none;
    }

    .wp-block-navigation__responsive-container-content {
        padding-bottom: 20px;
    }
}

/* -------------------------------------------------------- */
/* 3. Position Weglot language selector below the logo      */
/* -------------------------------------------------------- */
@media (max-width: 768px) {
    /* Ensure logo container has relative position */
    .logo-container {
        position: relative !important;
        padding-bottom: 50px; /* Extra room for dropdown */
    }

    /* Position Weglot dropdown absolutely below logo */
    .logo-container .weglot-dropdown {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        z-index: 10 !important;
        transform: scale(0.85) !important;
        margin-top: 8px !important;
    }

    /* Style Weglot current language button */
    .weglot-dropdown .wgcurrent {
        padding: 6px 10px !important;
        font-size: 13px !important;
        min-width: auto !important;
        background: rgba(0, 0, 0, 0.05) !important;
        border-radius: 15px !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

    /* Style Weglot dropdown list */
    .weglot-dropdown ul {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        min-width: 80px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
        margin-top: 5px !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
} 

/* gap ontop nav bar */
.main-runtext, 
.main-runtext marquee, 
.main-runtext .holder {
  margin: 0;
  padding: 0;
  height: 0;       /* if empty, collapse height */
  overflow: hidden; /* hide anything inside */
  line-height: 0;  /* remove line height spacing */
  border: none;    /* remove any border */
}

.wp-block-navigation .wp-block-navigation-item__content {
    text-decoration: none !important;
}

.attachment-post-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 15px !important;
    border: none !important;
}

.attachment-post-thumbnail[width="400"],
.attachment-post-thumbnail[width="394"],
.attachment-post-thumbnail[width="378"],
.attachment-post-thumbnail[width="360"],
.attachment-post-thumbnail[width="365"],
.attachment-post-thumbnail[width="316"],
.attachment-post-thumbnail[width="318"],
.attachment-post-thumbnail[width="256"],
.attachment-post-thumbnail[width="259"],
.attachment-post-thumbnail[width="296"],
.attachment-post-thumbnail[width="225"]{
    object-fit: contain !important;
}

table {
    font-family: 'Montserrat', sans-serif;
}

/* Notification bell position */
.wnbell-sticky-btn {
    position: fixed !important;
    top: 21px !important;
    right: 28px !important;
    z-index: 99999 !important;
}

/* Green translucent circle */
.wnbell-floating-toggle {
    background: rgba(31,157,122,0.10) !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}

/* Green bell icon */
.wnbell_icon {
    color: #1f9d7a !important;
    stroke: #1f9d7a !important;
    fill: none !important;
}

/* Green notification dot */
.wnbell-count {
    background: #1f9d7a !important;
}

.wnbell-floating-toggle {
    background-color: rgba(31,157,122,0.10) !important;
    background: rgba(31,157,122,0.10) !important;
}

.wnbell-sticky-btn {
    background: transparent !important;
}

svg.wnbell_icon {
    stroke: #1f9d7a !important;
    fill: none !important;
}

/* Make notification bell clean like mockup */
.wnbell-sticky-btn,
.wnbell-floating-toggle,
.wnbell-icon-badge-container,
.wnbell-dropdown-toggle {
    box-shadow: none !important;
    filter: none !important;
    border: none !important;
    outline: none !important;
}

.wnbell-floating-toggle {
    width: 48px !important;
    height: 48px !important;
    background: rgba(31,157,122,0.10) !important;
    background-color: rgba(31,157,122,0.10) !important;
    border-radius: 50% !important;
}

svg.wnbell_icon {
    width: 20px !important;
    height: 20px !important;
    color: #1f9d7a !important;
    fill: #1f9d7a !important;
    stroke: #1f9d7a !important;
}

/* DROPDOWN POSITION */
.wnbell-dropdown-box-wrap {
    position: fixed !important;
    top: 250px !important;
    right: 70px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 600px !important;
    max-width: 600px !important;
    z-index: 99999 !important;
}

/* DROPDOWN CARD */
#wnbell-dropdown-box-id {
    width: 600px !important;
    max-width: 600px !important;
    min-width: 600px !important;

    background: #ffffff !important;
    border-radius: 22px !important;
    border: 1px solid rgba(31,157,122,0.08) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 420px !important;
}

/* HEADER */
#wnbell_header {
    padding: 24px 32px 18px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    border-bottom: 1px dashed #dfe7e3 !important;
}

/* NOTIFICATION TEXT */
#wnbell-dropdown-box-id a,
#wnbell-dropdown-box-id li,
#wnbell_empty_box_id {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;

    padding: 20px 32px !important;

    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #252832 !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;

    text-decoration: none !important;
    box-sizing: border-box !important;
}