/* ============================================================
   ASTrade Header + Calendar Final v1
   Purpose:
   - remove duplicate legacy brand text/logo in header
   - keep one ASTrade brand
   - compact the calendar so more dates are visible
   - keep all click/active states dark and readable
   UI-only. No backend/data/API changes.
   ============================================================ */

/* ---------- ONE ASTRADE BRAND ---------- */

/* Legacy branding containers, if present alongside the current
   .ast-brand-text element, are hidden. */
.site-header .brand-text,
.site-header .brand-logo,
.site-header .brand-image,
.site-header .legacy-brand,
.site-header .old-brand{
    display:none !important;
    visibility:hidden !important;
}

/* Keep exactly the current text brand visible. */
.site-header .brand-mark.ast-brand-text{
    display:flex !important;
    visibility:visible !important;
}

/* Prevent the current ASTrade mark from being generated again
   through old pseudo-elements. */
.site-header .brand-mark.ast-brand-text::before,
.site-header .brand-mark.ast-brand-text::after{
    content:none !important;
    display:none !important;
}

/* Tighten the header so it feels like the dashboard. */
.site-header .header-inner{
    min-height:68px !important;
    padding:0 18px !important;
    background:#050a0f !important;
}

.site-header .brand-mark.ast-brand-text{
    min-width:132px !important;
}

.site-header .ast-brand-name{
    display:block !important;
    color:#f2f8f9 !important;
    font-size:1.30rem !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:-.055em !important;
}

.site-header .ast-brand-tagline{
    display:block !important;
    margin-top:5px !important;
    color:#60737d !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.17em !important;
}

/* Keep active/pressed nav dark — no cream flash. */
.site-header .nav-item,
.site-header .nav-item:hover,
.site-header .nav-item:focus,
.site-header .nav-item:focus-visible,
.site-header .nav-item:active{
    -webkit-tap-highlight-color:transparent !important;
    outline:none !important;
}

.site-header .nav-item:focus,
.site-header .nav-item:active{
    background:#101b24 !important;
    color:#f2fafb !important;
    border-color:rgba(120,180,194,.12) !important;
    box-shadow:none !important;
}

.site-header .nav-item.nav-item-cta,
.site-header .nav-item.nav-item-cta:hover,
.site-header .nav-item.nav-item-cta:focus,
.site-header .nav-item.nav-item-cta:active{
    background:linear-gradient(135deg,#31ccb9,#49d1ea) !important;
    color:#061114 !important;
    border-color:transparent !important;
}

/* ---------- COMPACT TRADING CALENDAR ---------- */

.calendar-panel,
.calendar-shell,
.calendar-container{
    background:#0a141c !important;
    border:1px solid rgba(150,184,198,.12) !important;
    border-radius:18px !important;
}

/* Compact calendar title/legend area. */
.calendar-header,
.calendar-panel-head,
.calendar-toolbar{
    padding:12px 14px !important;
    gap:8px !important;
}

.calendar-header h1,
.calendar-header h2,
.calendar-panel-head h1,
.calendar-panel-head h2{
    margin:0 !important;
    line-height:1.05 !important;
}

/* Make legend pills smaller. */
.calendar-legend{
    gap:6px !important;
}

.calendar-legend-item{
    min-height:30px !important;
    padding:5px 8px !important;
    border-radius:999px !important;
    font-size:.66rem !important;
    font-weight:800 !important;
    background:#0d1921 !important;
    color:#dce9ec !important;
    border:1px solid rgba(150,184,198,.10) !important;
}

/* Compact month navigation controls. */
.calendar-filter,
.calendar-controls,
.fc .fc-toolbar{
    margin-bottom:8px !important;
}

.calendar-filter button,
.calendar-filter select,
.calendar-filter input,
.fc .fc-button{
    min-height:38px !important;
    padding:7px 10px !important;
    border-radius:9px !important;
    font-size:.70rem !important;
}

.calendar-filter button,
.fc .fc-button{
    background:#111d27 !important;
    color:#eaf4f6 !important;
    border:1px solid rgba(150,184,198,.10) !important;
}

.calendar-filter button:hover,
.calendar-filter button:focus,
.calendar-filter button:active,
.fc .fc-button:hover,
.fc .fc-button:focus{
    background:#172630 !important;
    color:#fff !important;
    border-color:rgba(54,213,195,.22) !important;
    box-shadow:none !important;
}

.calendar-filter .primary,
.calendar-filter .btn-primary,
.fc .fc-button-primary:not(:disabled).fc-button-active{
    background:linear-gradient(135deg,#32d2bf,#49d2ee) !important;
    color:#041014 !important;
    border-color:transparent !important;
}

/* FullCalendar: reduce row/cell height. */
.fc{
    --fc-border-color:rgba(150,184,198,.075) !important;
    --fc-page-bg-color:transparent !important;
    --fc-neutral-bg-color:#0a141c !important;
    --fc-today-bg-color:rgba(54,213,195,.055) !important;
    font-size:.76rem !important;
}

.fc .fc-scrollgrid,
.fc .fc-scrollgrid-section > td{
    border-color:rgba(150,184,198,.075) !important;
}

.fc .fc-col-header-cell{
    background:#0d1821 !important;
    padding:8px 4px !important;
}

.fc .fc-col-header-cell-cushion{
    color:#9eb0b9 !important;
    font-size:.68rem !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:.10em !important;
}

.fc .fc-daygrid-day{
    background:#081119 !important;
}

.fc .fc-daygrid-day-frame{
    min-height:66px !important;
    height:66px !important;
    padding:3px !important;
}

.fc .fc-daygrid-day-top{
    min-height:20px !important;
}

.fc .fc-daygrid-day-number{
    padding:3px 5px !important;
    color:#dbe7ea !important;
    font-size:.72rem !important;
    font-weight:800 !important;
}

.fc .fc-day-other .fc-daygrid-day-number{
    color:#50636e !important;
}

/* Compact event markers and names. */
.fc .fc-daygrid-event{
    margin:2px 3px !important;
}

.fc .fc-event{
    min-height:18px !important;
    padding:2px 4px !important;
    border-radius:6px !important;
    font-size:.60rem !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    box-shadow:none !important;
}

/* Calendar short label helper. */
.event-short-label{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    max-width:100% !important;
    padding:3px 6px !important;
    border-radius:999px !important;
    background:#111d27 !important;
    border:1px solid rgba(150,184,198,.10) !important;
    color:#dce9ec !important;
    font-size:.62rem !important;
    font-weight:800 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

.event-short-symbol{
    flex:0 0 auto !important;
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:#36d5c3 !important;
}

/* Existing calendar pages often render labels inside day cells.
   Keep those labels compact and readable. */
.calendar-event-label,
.calendar-day-event-label{
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    padding:3px 5px !important;
    border-radius:6px !important;
    background:#0f1c25 !important;
    color:#cfe0e5 !important;
    border:1px solid rgba(150,184,198,.08) !important;
    font-size:.60rem !important;
    font-weight:800 !important;
}

/* ---------- CALENDAR SHORT NAMES ----------
   Recommended visible labels:
   DD  Dark
   LD  Light
   PG  Pentagon
   RB  Red
   ID  Intra
   TB  T/Bottom
   FL  Flower
   DG  Degree
   */

@media (max-width:900px){
    .site-header .header-inner{
        padding:0 12px !important;
    }
    .fc .fc-daygrid-day-frame{
        min-height:58px !important;
        height:58px !important;
    }
    .fc .fc-event{
        font-size:.56rem !important;
    }
}

@media (max-width:620px){
    .site-header .ast-brand-tagline{
        display:none !important;
    }
    .site-header .brand-mark.ast-brand-text{
        min-width:92px !important;
    }
    .site-header .site-nav .nav-item:nth-of-type(n+6){
        display:none !important;
    }
}