/*
4307	In constuctie CSS
admin2	Site Wide Header	30 September 2025 at 06:52		css	10
*/

/* === COPY (textul de deasupra formularului) === */
.cuc-copy, .cuc-copy p{
    max-width:740px; margin:0 auto 10px; text-align:center;
    color:#CDD1D6; line-height:1.6;
}

/* === FORM: Email -> GDPR -> Buton (CENTRAT) === */
.cuc-form{ max-width:760px; margin:12px auto 10px; }
.cuc-form form.elementor-form{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
    "email"
    "gdpr"
    "btn" !important;
    row-gap:10px !important; justify-items:stretch;
}

/* zonele */
.cuc-form .elementor-field-group{ margin:0 !important; width:100% !important; max-width:none !important; flex:none !important; }
.cuc-form .elementor-field-type-email{ grid-area:email !important; }
.cuc-form .elementor-field-type-acceptance{ grid-area:gdpr !important; justify-self:start; margin-top:8px !important; }
.cuc-form .e-form__buttons{
    grid-area:btn !important; margin-top:12px !important;
    display:flex !important; justify-content:center !important; width:100% !important;
}

/* email + focus */
.cuc-form input[type="email"]{
    background:#0E0F13; color:#E9EAEE;
    border:1px solid #2A2B31; border-radius:12px; padding:10px 14px;
}
.cuc-form input[type="email"]::placeholder{ color:#9AA0A6; }
.cuc-form input[type="email"]:focus{
    outline:0; box-shadow:0 0 0 3px rgba(212,175,55,.18);
    border-color:#D4AF37 !important;
}

/* buton SUBMIT (din formular) – centrat, o singură linie */
.cuc-form .e-form__buttons .elementor-button,
.cuc-form .e-form__buttons__wrapper__button{
    width:auto !important; min-width:260px; height:48px !important;
    padding:0 22px !important; white-space:nowrap;
    background-image:linear-gradient(180deg,#F2C94C,#D4AF37) !important;
    background-color:transparent !important; color:#171717 !important;
    border-radius:12px !important;
    box-shadow:0 8px 14px rgba(212,175,55,.22), inset 0 1px 0 rgba(255,255,255,.45) !important;
    font-weight:800 !important;
}

/* GDPR pe o linie, aliniat cu bifa */
.cuc-form .elementor-field-type-acceptance .elementor-field-subgroup,
.cuc-form .elementor-field-type-acceptance .elementor-field-option{
    display:flex !important; align-items:center !important; gap:10px !important;
}
.cuc-form .elementor-field-type-acceptance .elementor-field-label{
    display:inline !important; color:#CFD2D8 !important; font-size:14px !important;
}
.cuc-form .elementor-field-type-acceptance a{
    color:#F2C94C !important; text-decoration:none; border-bottom:1px dotted rgba(242,201,76,.6);
}
/* ——— COPY + FORM: spacing mai strâns ——— */
.cuc-copy, .cuc-copy p{ margin-bottom:8px !important; }
.cuc-form form.elementor-form{ row-gap:8px !important; }
.cuc-form .elementor-field-type-acceptance{ margin-top:6px !important; }
.cuc-form .e-form__buttons{ margin-top:10px !important; display:flex !important; justify-content:center !important; width:100% !important; }

/* ——— Buton SUBMIT (form) centrat, dimensiune decentă ——— */
.cuc-form .e-form__buttons .elementor-button,
.cuc-form .e-form__buttons__wrapper__button{
    width:auto !important; min-width:200px; height:44px !important;
    padding:0 18px !important; white-space:nowrap;
}

/* ——— Acces parteneri: toggle + panel centrate, fără overflow ——— */
.cs-login-toggle{ display:block; margin:16px auto 0; text-align:center; }

.cs-login{
    width:min(580px,92vw); margin:10px auto 0; padding:12px;
    max-height:40vh; overflow:auto;             /* NU depășește viewportul */
    display:none;                                /* rămâne controlat de .open */
}
.cs-login.open{ display:grid; gap:10px; }

@media (max-height:800px){ .cs-login{ max-height:34vh; } }
@media (max-height:700px){ .cs-login{ max-height:30vh; } }

.cs-login input{ width:100%; }
.cs-btn-sm{
    display:inline-flex; justify-content:center; align-items:center;
    width:auto; min-width:180px; height:42px; padding:0 16px;
    margin:8px auto 0;                           /* CENTRAT */
}

/* ——— Card fallback dacă tot e strâmt viewportul ——— */
.cs-card{ max-height:96vh; overflow:auto; }
/* ——— HERO: imagine puțin mai mare + mai puțin spațiu sus în dreapta ——— */
@media (min-width:1024px){
    .cuc-img img{ max-width:820px !important; }   /* era 780; creștem puțin */
    .cuc-right{ padding-top:48px !important; }    /* era ~72–88; mai strâns */
}

/* ——— FORM (submit) deja centrat ——— */
.cuc-form .e-form__buttons{
    display:flex !important; justify-content:center !important;
    width:100% !important; margin-top:10px !important;
}
.cuc-form .e-form__buttons .elementor-button{ min-width:200px !important; }

/* ——— ACCES PARTENERI: panou compact, 2 coloane, buton centrat ——— */
.cs-login-toggle{ display:block; margin:14px auto 0; text-align:center; }

.cs-login{
    width:min(560px, 46vw);           /* scurt și îngust pe desktop */
    margin:10px auto 0; padding:12px;
    background:#0F1014; border:1px solid #2A2B31; border-radius:12px;
    box-shadow:0 10px 24px rgba(0,0,0,.35);
    display:none;
    max-height:32vh; overflow:auto;   /* NU iese din viewport când e deschis */
}
@media (max-width:1023px){
    .cs-login{ width:min(520px, 92vw); max-height:38vh; }
}
@media (max-height:800px){ .cs-login{ max-height:28vh; } }

.cs-login.open{
    display:grid;
    grid-template-columns:1fr 1fr;    /* EMAIL | PAROLĂ pe același rând */
    grid-template-areas:
    "email pass"
    "btn   btn";
    gap:10px; align-items:center;
}

.cs-login input{ height:42px; padding:10px 12px; font-size:14px;
    background:#0B0C10; color:#E9EAEE; border:1px solid #2A2B31; border-radius:10px;
}

/* mapare grid */
.cs-login input[name="log"]{ grid-area:email; }
.cs-login input[name="pwd"]{ grid-area:pass; }
.cs-login .cs-btn-sm{
    grid-area:btn; justify-self:center;
    min-width:180px; height:42px; padding:0 16px;
    display:inline-flex; align-items:center; justify-content:center;
    background:linear-gradient(180deg,#F2C94C,#D4AF37); color:#171717; font-weight:800;
    border:0; border-radius:10px; box-shadow:0 6px 10px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.4);
}

/* mobil: stivuit, dar tot compact și centrat */
@media (max-width:767px){
    .cs-login.open{
        grid-template-columns:1fr;
        grid-template-areas:
      "email"
      "pass"
      "btn";
    }
}
/* 1) Sus doar 15px, cardul încape pe înălțimea viewportului */
.cuc-hero{
    padding-top:15px !important;
    padding-bottom:15px !important;
    min-height:100dvh;              /* ocupă tot ecranul */
    overflow:auto;                   /* dacă e foarte mic ecranul, apare scroll intern */
}

/* 2) DREAPTA mai sus (era 48–72px) */
@media (min-width:1024px){
    .cuc-right{ padding-top:8px !important; }
}

/* 3) Spațiu vertical mai strâns în dreapta (text → email → GDPR → buton) */
.cuc-copy, .cuc-copy p{ margin-bottom:8px !important; }
.cuc-form form.elementor-form{ row-gap:8px !important; }
.cuc-form .elementor-field-type-acceptance{ margin-top:6px !important; }
.cuc-form .e-form__buttons{ margin-top:10px !important; }

/* 4) Imaginea rămâne mare dar încapă în viewport pe ecrane joase */
@media (max-height:800px){
    .cuc-img img{ max-height:62vh !important; }
}
@media (max-height:700px){
    .cuc-img img{ max-height:58vh !important; }
}
.cs-login-toggle{ margin-top:-22px !important; } /* ridică linkul */
/* Acces parteneri – discret by default, gold doar la hover/focus */
.cs-login-toggle,
.cs-login-toggle a{
    color:#9aa0a6;              /* gri discret */
    opacity:.9;
    font-size:14px;
    font-weight:500;
    letter-spacing:.2px;
    text-decoration:none;
    border-bottom:1px dotted rgba(154,160,166,.35);
    transition:color .2s ease, border-color .2s ease, opacity .2s ease;
    cursor:pointer;
}

.cs-login-toggle:hover,
.cs-login-toggle a:hover{
    color:#F2C94C;              /* gold doar la hover */
    border-bottom-color:rgba(242,201,76,.6);
    opacity:1;
}

.cs-login-toggle:focus-visible,
.cs-login-toggle a:focus-visible{
    outline:2px solid rgba(242,201,76,.45);  /* accesibilitate la tab */
    outline-offset:2px;
}
/* ====== TABLETĂ (≤1024px) ====== */
@media (max-width:1024px){
    /* secțiunea principală devine pe coloană, centrată */
    .cuc-hero{
        display:flex; flex-direction:column; align-items:center; gap:18px;
        padding-top:14px !important; padding-bottom:14px !important;
        min-height:100dvh;
    }

    /* imaginea: mare, dar nu rupe viewportul */
    .cuc-img img{
        max-width:min(440px,92vw) !important;
        max-height:52vh !important; height:auto;
    }

    /* coloana din dreapta – text centrat + spațiu strâns */
    .cuc-right{ padding-top:0 !important; text-align:center; }
    .cuc-right .elementor-heading-title{
        font-size:clamp(30px,4.8vw,44px); line-height:1.15; margin-bottom:10px;
    }
    .cuc-copy, .cuc-copy p{ max-width:600px; margin:0 auto 10px; }

    /* formularul – compact, lizibil */
    .cuc-form{ max-width:min(560px,92vw); margin:8px auto 6px; }
    .cuc-form form.elementor-form{ row-gap:10px !important; }
    .cuc-form input[type="email"]{ height:46px; font-size:16px; }
    .cuc-form .elementor-field-type-acceptance{ font-size:14px; }

    /* buton submit – dimensiune corectă */
    .cuc-form .e-form__buttons .elementor-button{
        width:auto !important; min-width:200px; height:46px !important;
        padding:0 18px !important; font-size:16px !important;
    }

    /* login parteneri – panou îngust */
    .cs-login{ width:min(560px,92vw); max-height:36vh; }
    .cs-login.open{
        display:grid; gap:10px; align-items:center;
        grid-template-columns:1fr;
        grid-template-areas:"email" "pass" "btn";
    }
    .cs-login input{ height:44px; font-size:15px; }
    .cs-btn-sm{ min-width:170px; height:44px; }
}

/* ====== MOBIL (≤600px) ====== */
@media (max-width:600px){
    .cuc-img img{ max-width:78vw !important; max-height:44vh !important; }

    .cuc-right .elementor-heading-title{
        font-size:clamp(24px,7vw,34px); margin-bottom:8px;
    }
    .cuc-copy, .cuc-copy p{ font-size:15px; }

    /* email + buton 100% dacă vrei full-width pe ecrane mici */
    .cuc-form input[type="email"]{ height:46px; font-size:16px; }
    .cuc-form .e-form__buttons .elementor-button{
        width:100% !important; min-width:0 !important; height:46px !important;
        padding:0 16px !important; font-size:16px !important;
    }

    .cs-login{ width:min(520px,92vw); max-height:38vh; }
    .cs-login input{ height:44px; }
    .cs-btn-sm{ width:100%; min-width:0; }
}

/* ====== Acces parteneri – discret (gri), gold doar la hover ====== */
.cs-login-toggle,
.cs-login-toggle a{
    color:#9aa0a6 !important; opacity:.9; font-size:14px; font-weight:500;
    text-decoration:none; border-bottom:1px dotted rgba(154,160,166,.35) !important;
    transition:color .2s,border-color .2s,opacity .2s; cursor:pointer;
}
.cs-login-toggle:hover,
.cs-login-toggle a:hover,
.cs-login-toggle:focus-visible,
.cs-login-toggle a:focus-visible{
    color:#F2C94C !important; border-bottom-color:rgba(242,201,76,.6) !important; opacity:1;
}
/* ===== TABLETĂ (≤1024px) ===== */
@media (max-width:1024px){
    /* parintele devine pe coloană, totul centrat */
    .cuco-card{
        display:flex; flex-direction:column; align-items:center; gap:18px;
        padding-top:14px !important; padding-bottom:14px !important;
        min-height:100dvh;
    }

    /* imagine mare dar safe */
    .cuco-left img{
        max-width:min(440px,92vw) !important;
        max-height:52vh !important; height:auto;
    }

    /* dreapta compact + titlu lizibil */
    .cuco-right{ padding-top:0 !important; text-align:center; }
    .cuco-right .elementor-heading-title{
        font-size:clamp(30px,4.8vw,44px); line-height:1.15; margin-bottom:10px;
    }
    .cuc-copy, .cuc-copy p{ max-width:600px; margin:0 auto 10px; }

    /* formular compact */
    .cuc-form{ max-width:min(560px,92vw); margin:8px auto 6px; }
    .cuc-form form.elementor-form{ row-gap:10px !important; }
    .cuc-form input[type="email"]{ height:46px; font-size:16px; }
    .cuc-form .elementor-field-type-acceptance{ font-size:14px; }

    /* buton submit corect */
    .cuc-form .e-form__buttons .elementor-button{
        width:auto !important; min-width:200px; height:46px !important;
        padding:0 18px !important; font-size:16px !important;
    }

    /* login parteneri – panou îngust */
    .cs-login{ width:min(560px,92vw); max-height:36vh; }
    .cs-login.open{
        display:grid; gap:10px; align-items:center;
        grid-template-columns:1fr;
        grid-template-areas:"email" "pass" "btn";
    }
    .cs-login input{ height:44px; font-size:15px; }
    .cs-btn-sm{ min-width:170px; height:44px; }
}

/* ===== MOBIL (≤600px) ===== */
@media (max-width:600px){
    .cuco-left img{ max-width:78vw !important; max-height:44vh !important; }

    .cuco-right .elementor-heading-title{
        font-size:clamp(24px,7vw,34px); margin-bottom:8px;
    }
    .cuc-copy, .cuc-copy p{ font-size:15px; }

    /* email+buton pe toată lățimea pe mobil */
    .cuc-form input[type="email"]{ height:46px; font-size:16px; }
    .cuc-form .e-form__buttons .elementor-button{
        width:100% !important; min-width:0 !important; height:46px !important;
        padding:0 16px !important; font-size:16px !important;
    }

    .cs-login{ width:min(520px,92vw); max-height:38vh; }
    .cs-btn-sm{ width:100%; min-width:0; }
}

/* Acces parteneri discret (gri), gold doar la hover) */
.cs-login-toggle,
.cs-login-toggle a{
    color:#9aa0a6 !important; opacity:.9; font-size:14px; font-weight:500;
    text-decoration:none; border-bottom:1px dotted rgba(154,160,166,.35) !important;
    transition:color .2s,border-color .2s,opacity .2s; cursor:pointer;
}
.cs-login-toggle:hover,
.cs-login-toggle a:hover,
.cs-login-toggle:focus-visible,
.cs-login-toggle a:focus-visible{
    color:#F2C94C !important; border-bottom-color:rgba(242,201,76,.6) !important; opacity:1;
}
/* Tabletă: câmp email și buton mai compacte + lățime controlată */
@media (min-width:768px) and (max-width:1024px){
    .cuc-form{ max-width:560px; margin:8px auto; }

    .cuc-form input[type="email"]{
        height:40px !important;
        font-size:15px !important;
        padding:8px 12px !important;
        border-width:1px !important;
        border-radius:10px !important;
    }

    .cuc-form .elementor-field-type-acceptance{ font-size:13.5px; }

    .cuc-form .e-form__buttons .elementor-button{
        min-width:190px; height:42px !important;
        padding:0 16px !important;
        font-size:15px !important;
    }
}
/* layout pe 2 coloane + mapare zone */
selector .cs-login.open{
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "email pass" "btn btn";
}
selector .cs-login .cs-email{ grid-area: email; }
selector .cs-login .cs-pass { grid-area: pass;  }
selector .cs-login .cs-btn-sm{ grid-area: btn; justify-self: center; }

/* mobil: stivuit frumos */
@media (max-width:767px){
    selector .cs-login.open{
        grid-template-columns:1fr;
        grid-template-areas:"email" "pass" "btn";
    }
}