
/* Evetto V13.0.0 — Premium Unified Theme */
:root{
  --ev13-bg:#fbfafc;
  --ev13-surface:#ffffff;
  --ev13-surface-soft:#faf7ff;
  --ev13-ink:#17141d;
  --ev13-muted:#726d79;
  --ev13-line:#ebe6f0;
  --ev13-purple:#7c3aed;
  --ev13-purple-2:#a855f7;
  --ev13-purple-soft:#f3edff;
  --ev13-success:#166534;
  --ev13-radius:18px;
  --ev13-shadow:0 18px 50px rgba(62,36,92,.08);
  --ev13-shadow-soft:0 8px 24px rgba(62,36,92,.06);
}
html{scroll-behavior:smooth}
body{background:var(--ev13-bg)!important;color:var(--ev13-ink)!important}
body,.evetto-public-shell,.evetto-app-shell,.evetto-admin-shell,.evetto-guest-shell{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
h1,h2,h3,.ev13-serif{letter-spacing:-.03em}
.ev13-container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.ev13-nav{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--ev13-line);position:sticky;top:0;z-index:60}
.ev13-nav-inner{height:100%;display:flex;align-items:center;gap:28px}
.ev13-logo{font-weight:900;font-size:26px;text-decoration:none;color:var(--ev13-ink);display:flex;align-items:center;gap:10px}
.ev13-logo-mark{width:31px;height:31px;border-radius:11px;background:linear-gradient(135deg,#f1e8ff,#fff);border:1px solid #dcccf8;display:grid;place-items:center;color:var(--ev13-purple)}
.ev13-links{display:flex;align-items:center;gap:25px;font-size:14px}
.ev13-links a{color:var(--ev13-ink);text-decoration:none;font-weight:650}
.ev13-nav-actions{margin-left:auto;display:flex;gap:10px;align-items:center}
.ev13-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:12px;border:1px solid var(--ev13-line);background:#fff;color:var(--ev13-ink);text-decoration:none;font-weight:750;cursor:pointer;transition:.2s ease}
.ev13-btn:hover{transform:translateY(-1px);box-shadow:var(--ev13-shadow-soft)}
.ev13-btn-primary{background:linear-gradient(135deg,var(--ev13-purple),var(--ev13-purple-2));color:#fff;border-color:transparent;box-shadow:0 10px 26px rgba(124,58,237,.22)}
.ev13-hero{min-height:540px;display:flex;align-items:center;background:
 linear-gradient(90deg,rgba(13,10,18,.85) 0%,rgba(13,10,18,.54) 45%,rgba(13,10,18,.08) 100%),
 url('/images/evetto-v13-hero.jpg') center/cover no-repeat;
 color:#fff}
.ev13-hero-inner{padding:78px 0 54px;max-width:760px}
.ev13-kicker{font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#d6b8ff}
.ev13-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:62px;line-height:.98;margin:16px 0 18px;max-width:700px}
.ev13-hero h1 em{color:#d8b4fe;font-weight:500}
.ev13-hero p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.84);max-width:670px}
.ev13-toggle{display:inline-flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);padding:4px;border-radius:999px;margin-top:22px}
.ev13-toggle button{padding:10px 16px;border-radius:999px;font-weight:750;font-size:13px}
.ev13-toggle .active{background:#fff;color:#251b31}
.ev13-search{margin-top:18px;background:#fff;border-radius:18px;display:grid;grid-template-columns:1.2fr 1fr .9fr auto;box-shadow:0 24px 60px rgba(0,0,0,.2);overflow:hidden;color:var(--ev13-ink)}
.ev13-search-field{padding:18px 20px;border-right:1px solid #eee}
.ev13-search-field small{display:block;color:#6d6874;font-weight:700;font-size:11px;margin-bottom:5px}
.ev13-search-field input{width:100%;border:0;outline:0;background:transparent;font-size:14px}
.ev13-search .ev13-btn{margin:10px;border-radius:12px;min-width:130px}
.ev13-trust{display:flex;gap:28px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:rgba(255,255,255,.84)}
.ev13-section{padding:68px 0}
.ev13-section-title{text-align:center;margin-bottom:30px}
.ev13-section-title h2{font-size:34px;margin:0 0 8px;font-weight:850}
.ev13-section-title p{color:var(--ev13-muted)}
.ev13-categories{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.ev13-cat{background:#fff;border:1px solid var(--ev13-line);border-radius:16px;padding:18px 10px;text-align:center;box-shadow:var(--ev13-shadow-soft)}
.ev13-cat i{width:44px;height:44px;margin:0 auto 10px;border-radius:50%;background:var(--ev13-purple-soft);display:grid;place-items:center;color:var(--ev13-purple);font-style:normal;font-size:20px}
.ev13-cat b{font-size:13px}
.ev13-provider-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
.ev13-provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ev13-provider-card{background:#fff;border:1px solid var(--ev13-line);border-radius:18px;overflow:hidden;box-shadow:var(--ev13-shadow-soft)}
.ev13-provider-card .media{height:205px;background:linear-gradient(135deg,#efe7ff,#f9edf4);background-size:cover;background-position:center;position:relative}
.ev13-rating{position:absolute;top:12px;left:12px;background:#fff;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}
.ev13-heart{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.88);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.ev13-provider-body{padding:16px}
.ev13-provider-body h3{margin:0 0 4px;font-size:16px}
.ev13-provider-body p{margin:3px 0;color:var(--ev13-muted);font-size:13px}
.ev13-provider-body strong{display:block;color:#5b21b6;margin-top:10px;font-size:14px}
.ev13-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ev13-benefit{text-align:center;padding:18px}
.ev13-benefit i{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:var(--ev13-purple-soft);display:grid;place-items:center;font-style:normal;color:var(--ev13-purple);font-size:22px}
.ev13-benefit p{color:var(--ev13-muted);font-size:14px;line-height:1.6}
.ev13-stats{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,#fbf8ff,#f4edff);border:1px solid #ece4f8;border-radius:20px;padding:26px;margin-top:25px}
.ev13-stat{text-align:center}
.ev13-stat b{display:block;font-size:25px}.ev13-stat span{color:var(--ev13-muted);font-size:13px}
.ev13-cta{background:linear-gradient(135deg,#fff,#f8f3ff);border-top:1px solid #eee6fa;border-bottom:1px solid #eee6fa}
.ev13-cta-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:30px;align-items:center}
.ev13-cta h2{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1.04}
.ev13-cta h2 em{color:var(--ev13-purple)}
.ev13-phone{height:260px;border-radius:32px;background:linear-gradient(145deg,#1c1822,#43334f);box-shadow:var(--ev13-shadow);position:relative;margin:auto;width:150px}
.ev13-phone:before{content:"Evetto";position:absolute;inset:15px;background:#fff;border-radius:24px;display:grid;place-items:center;color:var(--ev13-purple);font-weight:900}
.ev13-footer{background:#fff;border-top:1px solid var(--ev13-line);padding:46px 0 28px}
.ev13-footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}
.ev13-footer h4{margin:0 0 13px}.ev13-footer a{display:block;text-decoration:none;color:var(--ev13-muted);margin:8px 0;font-size:14px}
.ev13-copy{border-top:1px solid var(--ev13-line);margin-top:28px;padding-top:20px;color:var(--ev13-muted);font-size:13px;text-align:center}

/* Unified application/admin styling */
body.evetto-app-shell main,body.evetto-admin-shell main{background:
 radial-gradient(circle at 12% 8%,rgba(168,85,247,.08),transparent 25%),
 radial-gradient(circle at 90% 0%,rgba(124,58,237,.06),transparent 24%),
 #fbfafc!important}
body.evetto-app-shell header,body.evetto-admin-shell header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);border-color:var(--ev13-line)!important}
body.evetto-app-shell .bg-white,body.evetto-admin-shell .bg-white{background:#fff!important}
body.evetto-app-shell .shadow,body.evetto-admin-shell .shadow{box-shadow:var(--ev13-shadow-soft)!important}
body.evetto-admin-shell [class*="rounded"],body.evetto-app-shell [class*="rounded"]{border-radius:16px}
body.evetto-admin-shell button,body.evetto-app-shell button,
body.evetto-admin-shell .btn,body.evetto-app-shell .btn{border-radius:12px}
body.evetto-admin-shell input,body.evetto-admin-shell select,body.evetto-admin-shell textarea,
body.evetto-app-shell input,body.evetto-app-shell select,body.evetto-app-shell textarea{
 border-radius:12px!important;border-color:#e6e0eb!important;box-shadow:none!important
}
body.evetto-admin-shell table,body.evetto-app-shell table{border-collapse:separate;border-spacing:0;background:#fff}
body.evetto-admin-shell th,body.evetto-app-shell th{background:#f8f5ff!important;color:#6d28d9!important;font-weight:800}
body.evetto-admin-shell aside,body.evetto-admin-shell [data-sidebar]{
 background:linear-gradient(180deg,#17121f,#0f0b14)!important;color:#f7f2fb!important
}
body.evetto-admin-shell .nav-item,body.evetto-admin-shell [class*="sidebar"] a{border-radius:12px!important}
body.evetto-admin-shell .nav-item:hover,body.evetto-admin-shell [class*="sidebar"] a:hover{background:rgba(255,255,255,.07)!important}
body.evetto-guest-shell{background:
 radial-gradient(circle at 15% 20%,rgba(168,85,247,.08),transparent 22%),
 radial-gradient(circle at 85% 80%,rgba(124,58,237,.06),transparent 22%),
 #fbfafc!important}
body.evetto-guest-shell form{background:#fff;border:1px solid var(--ev13-line);border-radius:20px;box-shadow:var(--ev13-shadow);padding:24px}

/* Commercial V12 visual uplift */
.ev12,.evc-wrap{max-width:1180px!important}
.ev12-card,.evc-card{border-radius:18px!important;border-color:var(--ev13-line)!important;box-shadow:var(--ev13-shadow-soft)!important}
.ev12-btn,.evc-btn{border-radius:12px!important}
.ev12-primary,.evc-btn-primary{background:linear-gradient(135deg,var(--ev13-purple),var(--ev13-purple-2))!important}
.ev12-table th,.evc-table th{background:#f8f5ff!important;color:#6d28d9!important}

@media(max-width:1000px){
 .ev13-categories{grid-template-columns:repeat(4,1fr)}
 .ev13-provider-grid,.ev13-benefits{grid-template-columns:repeat(2,1fr)}
 .ev13-search{grid-template-columns:1fr 1fr}
 .ev13-search .ev13-btn{grid-column:1/-1}
 .ev13-cta-grid{grid-template-columns:1fr 1fr}
 .ev13-cta-grid>div:last-child{grid-column:1/-1}
 .ev13-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
 .ev13-nav{height:64px}.ev13-links{display:none}
 .ev13-nav-actions .ev13-btn:first-child{display:none}
 .ev13-hero{min-height:620px}
 .ev13-hero-inner{padding:55px 0 40px}
 .ev13-hero h1{font-size:44px}
 .ev13-search{display:block;padding:8px}
 .ev13-search-field{border-right:0;border-bottom:1px solid #eee;padding:14px}
 .ev13-search .ev13-btn{width:calc(100% - 20px)}
 .ev13-categories{grid-template-columns:repeat(2,1fr)}
 .ev13-provider-grid,.ev13-benefits,.ev13-stats,.ev13-cta-grid,.ev13-footer-grid{grid-template-columns:1fr}
 .ev13-stats{gap:18px}
 .ev13-provider-head{align-items:flex-start;flex-direction:column;gap:12px}
 .ev13-section{padding:48px 0}
 .ev13-section-title h2{font-size:28px}
 .ev13-cta h2{font-size:34px}
}

.ev13-toggle button{
    border:0;
    background:transparent;
    color:#fff;
    cursor:pointer;
    font-family:inherit;
}

.ev13-toggle button.active{
    background:#fff;
    color:#251b31;
    box-shadow:0 4px 14px rgba(0,0,0,.12);
}


/* V13 reliable planner / supplier switch */
.ev13-mode-switch{
    display:inline-flex;
    align-items:center;
    padding:4px;
    margin-top:22px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.25);
    gap:2px;
}

.ev13-mode-switch input{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.ev13-mode-switch label{
    position:relative;
    z-index:2;
    display:block;
    padding:11px 18px;
    border-radius:999px;
    cursor:pointer;
    color:#fff;
    font-size:13px;
    line-height:1;
    font-weight:750;
    white-space:nowrap;
    user-select:none;
    transition:
        background .2s ease,
        color .2s ease,
        box-shadow .2s ease;
}

.ev13-mode-switch input:checked + label{
    background:#fff;
    color:#211927;
    box-shadow:0 5px 18px rgba(0,0,0,.18);
}

@media(max-width:600px){
    .ev13-mode-switch{
        width:100%;
    }

    .ev13-mode-switch label{
        flex:1;
        text-align:center;
        padding:11px 10px;
    }
}


/* V13 real homepage mode buttons */
.ev13-real-toggle a{
    display:block;
    padding:10px 16px;
    border-radius:999px;
    color:#fff;
    text-decoration:none;
    font-weight:750;
    font-size:13px;
    cursor:pointer;
}

.ev13-real-toggle a.active{
    background:#fff;
    color:#251b31;
    box-shadow:0 4px 14px rgba(0,0,0,.14);
}

.ev13-real-toggle a:hover{
    background:rgba(255,255,255,.16);
}

.ev13-real-toggle a.active:hover{
    background:#fff;
}



/* =========================================================
   EVETTO V13.0.1 — PREMIUM HERO MODE SWITCH
   ========================================================= */

.ev13-mode-switch{
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:4px;
    margin-top:22px;

    background:rgba(255,255,255,.11);
    border:1px solid rgba(255,255,255,.22);

    border-radius:999px;

    backdrop-filter:blur(12px);
}

.ev13-mode-btn{
    appearance:none;
    border:0;
    outline:0;

    padding:11px 19px;

    background:transparent;
    color:#fff;

    border-radius:999px;

    font-family:inherit;
    font-size:13px;
    font-weight:800;

    cursor:pointer;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.ev13-mode-btn:hover{
    background:rgba(255,255,255,.10);
}

.ev13-mode-btn.active{
    background:#fff;
    color:#201728;

    box-shadow:
        0 6px 20px rgba(0,0,0,.16);
}


.ev13-mode-panels{
    margin-top:18px;
}

.ev13-mode-panel{
    display:none;
}

.ev13-mode-panel.active{
    display:block;

    animation:
        ev13PanelIn .24s ease;
}

@keyframes ev13PanelIn{

    from{
        opacity:0;
        transform:translateY(6px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/* supplier mode */

.ev13-supplier-box{

    max-width:760px;

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

    gap:20px;

    padding:18px;

    background:#fff;

    color:#201728;

    border-radius:18px;

    box-shadow:
        0 24px 60px rgba(0,0,0,.20);
}

.ev13-supplier-copy{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.ev13-supplier-copy small{
    color:#7c3aed;

    font-weight:900;
    font-size:10px;

    letter-spacing:.12em;
}

.ev13-supplier-copy strong{
    font-size:18px;
}

.ev13-supplier-copy span{
    color:#746e79;
    font-size:13px;
}

.ev13-supplier-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}


/* premium commercial category icons */

.ev13-cat{
    text-decoration:none;
    color:inherit;
}

.ev13-cat i{

    width:48px;
    height:48px;

    background:
        linear-gradient(
            145deg,
            #f7f1ff,
            #ede5ff
        );

    border:
        1px solid #e7dcfb;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.ev13-cat:hover i{

    transform:
        translateY(-2px);

    box-shadow:
        0 10px 24px rgba(124,58,237,.14);
}

.ev13-cat svg{

    width:22px;
    height:22px;

    fill:none;

    stroke:#7c3aed;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


@media(max-width:720px){

    .ev13-mode-switch{
        width:100%;
    }

    .ev13-mode-btn{
        flex:1;
    }

    .ev13-supplier-box{
        flex-direction:column;
        align-items:stretch;
    }

    .ev13-supplier-actions{
        display:grid;
        grid-template-columns:1fr;
    }

}

