/* =====================================================
   ST4R V76 — HEADER CA ÎN REFERINȚĂ
   Logo stânga + ST4R UNIVERSE + nav centrat
   ===================================================== */

@media (min-width:1100px){

body.compact-site header.st4r-masthead{
    position:relative !important;
    height:78px !important;
    min-height:78px !important;

    background:
      linear-gradient(
        180deg,
        rgba(3,9,28,.96),
        rgba(2,7,22,.96)
      ) !important;

    border-bottom:
      1px solid rgba(80,153,255,.28) !important;

    box-shadow:
      0 4px 20px rgba(0,0,0,.25) !important;

    overflow:visible !important;
}


/* ---------------------------------
   BARA PRINCIPALA
   --------------------------------- */

body.compact-site header.st4r-masthead .masthead-banner{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    height:78px !important;
    min-height:78px !important;

    padding:
      0
      34px !important;

    background:transparent !important;
    border:0 !important;
}


/* ---------------------------------
   BRAND STÂNGA
   --------------------------------- */

body.compact-site header.st4r-masthead .masthead-brand{
    position:absolute !important;

    left:35px !important;
    top:50% !important;

    transform:
      translateY(-50%) !important;

    display:flex !important;
    align-items:center !important;

    gap:15px !important;

    width:auto !important;
    min-width:310px !important;

    visibility:visible !important;
    opacity:1 !important;

    text-decoration:none !important;

    z-index:50 !important;
}


/* ---------------------------------
   ICONIȚĂ ST4R
   --------------------------------- */

body.compact-site header.st4r-masthead .masthead-logo{
    position:relative !important;

    display:block !important;

    width:56px !important;
    height:56px !important;

    min-width:56px !important;

    visibility:visible !important;
    opacity:1 !important;

    flex:none !important;

    border:0 !important;
    background:none !important;

    overflow:visible !important;
}


/* nu mai folosim poza rotundă veche */
body.compact-site header.st4r-masthead .masthead-logo img{
    display:none !important;
}


/* steaua verticală */
body.compact-site header.st4r-masthead .masthead-logo::before{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    top:50% !important;

    width:18px !important;
    height:54px !important;

    transform:
      translate(-50%,-50%) !important;

    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #dff8ff 28%,
        #ffffff 48%,
        #ffd68d 57%,
        #ffffff 78%,
        #91c9ff 100%
      ) !important;

    clip-path:
      polygon(
        50% 0,
        62% 36%,
        100% 50%,
        62% 64%,
        50% 100%,
        38% 64%,
        0 50%,
        38% 36%
      ) !important;

    border:0 !important;

    filter:
      drop-shadow(0 0 5px #fff)
      drop-shadow(0 0 11px #5fdcff)
      drop-shadow(0 0 18px rgba(78,121,255,.72)) !important;

    animation:none !important;
}


/* steaua orizontală */
body.compact-site header.st4r-masthead .masthead-logo::after{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    top:50% !important;

    width:54px !important;
    height:18px !important;

    transform:
      translate(-50%,-50%) !important;

    background:
      linear-gradient(
        90deg,
        #79bfff 0%,
        #ffffff 32%,
        #ffd78b 50%,
        #ffffff 68%,
        #79bfff 100%
      ) !important;

    clip-path:
      polygon(
        0 50%,
        36% 38%,
        50% 0,
        64% 38%,
        100% 50%,
        64% 62%,
        50% 100%,
        36% 62%
      ) !important;

    border:0 !important;

    filter:
      drop-shadow(0 0 5px #fff)
      drop-shadow(0 0 11px #5fdcff)
      drop-shadow(0 0 18px rgba(78,121,255,.72)) !important;

    animation:none !important;
}


/* ---------------------------------
   ST4R UNIVERSE
   --------------------------------- */

body.compact-site header.st4r-masthead .masthead-wordmark{
    display:block !important;

    position:relative !important;

    visibility:visible !important;
    opacity:1 !important;

    text-align:left !important;

    line-height:1 !important;
}


body.compact-site header.st4r-masthead .masthead-wordmark strong{
    display:block !important;

    margin:0 !important;

    color:#f5f9ff !important;

    font-size:19px !important;
    font-weight:900 !important;

    letter-spacing:.23em !important;

    white-space:nowrap !important;

    text-shadow:
      0 0 6px rgba(255,255,255,.26),
      0 0 14px rgba(97,180,255,.33) !important;

    background:none !important;

    -webkit-text-fill-color:initial !important;
}


body.compact-site header.st4r-masthead .masthead-wordmark strong em{
    color:#d9e5ff !important;
    font-style:normal !important;
}


/* scoatem steluțele vechi din jurul titlului */
body.compact-site header.st4r-masthead .masthead-wordmark::before,
body.compact-site header.st4r-masthead .masthead-wordmark::after{
    display:none !important;
    content:none !important;
}


/* ---------------------------------
   NAVIGAȚIE CENTRU
   --------------------------------- */

body.compact-site header.st4r-masthead .masthead-navrow{
    position:absolute !important;

    left:50% !important;
    top:0 !important;

    transform:
      translateX(-50%) !important;

    width:auto !important;
    height:78px !important;
    min-height:78px !important;

    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:transparent !important;
    border:0 !important;

    z-index:60 !important;

    pointer-events:none !important;
}


body.compact-site header.st4r-masthead .masthead-nav{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    height:auto !important;

    pointer-events:auto !important;
}


body.compact-site header.st4r-masthead .masthead-nav a{
    min-width:110px !important;
    height:48px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    padding:
      0
      17px !important;

    border-radius:13px !important;

    border:
      1px solid rgba(91,155,255,.32) !important;

    background:
      linear-gradient(
        180deg,
        rgba(6,18,50,.80),
        rgba(4,12,35,.82)
      ) !important;

    color:#f0f6ff !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035) !important;
}


body.compact-site header.st4r-masthead .masthead-nav a:first-child{
    background:
      linear-gradient(
        135deg,
        rgba(28,93,188,.88),
        rgba(65,55,157,.88)
      ) !important;

    border-color:
      rgba(112,196,255,.70) !important;

    box-shadow:
      0 0 20px rgba(61,134,255,.20),
      inset 0 1px 0 rgba(255,255,255,.13) !important;
}


body.compact-site header.st4r-masthead .masthead-nav a b{
    font-size:10px !important;
    font-weight:850 !important;
}


body.compact-site header.st4r-masthead .masthead-nav a span{
    font-size:10px !important;
    color:#a9eaff !important;
}


/* ---------------------------------
   TOOLURI DREAPTA
   --------------------------------- */

body.compact-site header.st4r-masthead .masthead-tools{
    position:absolute !important;

    right:34px !important;
    top:50% !important;

    transform:
      translateY(-50%) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    gap:10px !important;

    width:auto !important;

    z-index:70 !important;
}


body.compact-site header.st4r-masthead .masthead-visitor,
body.compact-site header.st4r-masthead .masthead-live,
body.compact-site header.st4r-masthead .masthead-owner-btn{
    height:38px !important;

    border-radius:12px !important;
}


/* Discord separat nu e necesar în referință */
body.compact-site header.st4r-masthead .masthead-discord{
    display:none !important;
}

}


/* =====================================================
   1100 - 1450px
   ===================================================== */

@media (min-width:1100px) and (max-width:1450px){

body.compact-site header.st4r-masthead .masthead-brand{
    left:20px !important;

    min-width:255px !important;

    gap:10px !important;
}

body.compact-site header.st4r-masthead .masthead-logo{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
}

body.compact-site header.st4r-masthead .masthead-logo::before{
    width:15px !important;
    height:45px !important;
}

body.compact-site header.st4r-masthead .masthead-logo::after{
    width:45px !important;
    height:15px !important;
}

body.compact-site header.st4r-masthead .masthead-wordmark strong{
    font-size:15px !important;
    letter-spacing:.17em !important;
}

body.compact-site header.st4r-masthead .masthead-nav a{
    min-width:88px !important;
    height:44px !important;
    padding:0 12px !important;
}

body.compact-site header.st4r-masthead .masthead-tools{
    right:18px !important;
}

}