/* e-reserve · φόντο και «ζωντάνια» στις εσωτερικές σελίδες, στο ύφος της αρχικής
   (navy + χρυσό). Μόνο CSS: καμία αλλαγή σε περιεχόμενο ή λειτουργία. */

:root { --erl-navy:#0d1b2a; --erl-navy2:#1e3a5f; --erl-gold:#C9A96E; --erl-gold2:#b8925a; }

/* 1) Απαλό φόντο αντί για σκέτο λευκό */
body.page-template-page-vendor-dashboard,
body.page-template-page-faq,
body.page-template-page-how-it-works,
body.page-template-page-for-businesses,
body.page-template-page-vendor-guide,
body.page-template-page-contact,
body.page-template-page-login,
body.page-template-page-register,
body.single-er_business,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
  background-color:#f3f6fa;
  background-image:
    radial-gradient(1100px 520px at 88% -8%, rgba(201,169,110,.20), transparent 62%),
    radial-gradient(900px 520px at -8% 6%, rgba(30,58,95,.14), transparent 60%),
    radial-gradient(rgba(13,27,42,.045) 1px, transparent 1.2px),
    linear-gradient(180deg, #e9eef5 0%, #f6f8fb 38%, #ffffff 100%);
  background-size: auto, auto, 22px 22px, auto;
  background-attachment: fixed;
}

/* Οι λευκές κάρτες ξεχωρίζουν πάνω στο φόντο */
body.page-template-page-vendor-dashboard .vd-card,
body.page-template-page-vendor-guide .vg-body,
body.page-template-page-faq .faq-categories {
  box-shadow: 0 10px 30px -18px rgba(13,27,42,.35);
}
body.page-template-page-vendor-guide .vg-body { background:#fff; border-radius:16px; padding:28px; }
body.page-template-page-faq .faq-categories { background:#fff; border-radius:16px; padding:24px; }

/* 2) «Τι επιχείρηση έχεις;» — μπάνερ με εικόνες ειδών επιχείρησης */
.vd-content section.er-smart {
  position:relative; overflow:hidden; border:0 !important; border-radius:18px !important;
  background: radial-gradient(700px 300px at 100% 0%, rgba(201,169,110,.28), transparent 60%),
              linear-gradient(135deg, var(--erl-navy2) 0%, var(--erl-navy) 70%) !important;
  color:#fff; padding:26px !important; box-shadow:0 18px 40px -22px rgba(13,27,42,.6);
}
.vd-content section.er-smart h2 { color:#fff !important; }
.vd-content section.er-smart > p { color:rgba(255,255,255,.78) !important; }
.vd-content section.er-smart input[type=search] { background:#fff; color:#0d1b2a; border:0; box-shadow:0 6px 18px -10px rgba(0,0,0,.5); }
.vd-content section.er-smart details, .vd-content section.er-smart summary { color:rgba(255,255,255,.85); }
.vd-content section.er-smart .er-smart-note { color:#f3e3c4 !important; }
.vd-content section.er-smart .er-smart-grid button {
  background:rgba(255,255,255,.10); color:#fff; border:1px solid rgba(255,255,255,.22);
}
.vd-content section.er-smart .er-smart-grid button:hover,
.vd-content section.er-smart .er-smart-grid button[aria-pressed=true] { background:var(--erl-gold); color:var(--erl-navy); border-color:var(--erl-gold); }

.er-smart-hero { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:0 0 18px; }
.er-smart-hero figure { margin:0; text-align:center; }
.er-smart-hero .pic {
  aspect-ratio:1/1; border-radius:18px; display:grid; place-items:center; font-size:clamp(26px,4vw,40px);
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.28), transparent 55%), var(--g);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 10px 22px -14px rgba(0,0,0,.7);
}
.er-smart-hero figcaption { font-size:12px; margin-top:6px; color:rgba(255,255,255,.8); }
@media (max-width:640px) { .er-smart-hero { grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* 3) Σελίδα κράτησης επιχείρησης: κεφαλίδα με χρώμα */
.er-smart-business > h1:first-child, .er-smart-business > h2:first-child {
  margin:0 0 18px; padding:28px 24px; border-radius:18px; color:#fff;
  background: radial-gradient(600px 260px at 100% 0%, rgba(201,169,110,.3), transparent 60%),
              linear-gradient(135deg, var(--erl-navy2), var(--erl-navy));
}

/* 4) «Καλό να ξέρεις» στο «Πώς λειτουργεί» */
.er-hiw-more { background: linear-gradient(180deg,#eef2f7,#f8fafc) !important; }
.er-hiw-more-card { border-top:3px solid var(--erl-gold) !important; box-shadow:0 12px 28px -20px rgba(13,27,42,.45); }

/* 5) Σελίδα καταστήματος: χρώμα σε όλο το πλάτος (αριστερά και δεξιά), όχι μόνο στη δεξιά στήλη.
      Navy φόντο με χρυσή λάμψη και τη φωτογραφία του καταστήματος αχνά από πάνω· το περιεχόμενο
      και το κουτί κράτησης κάθονται σε λευκές κάρτες, ώστε να διαβάζονται καθαρά. */
body.single-er_business main {
  background:
    radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.3px) 0 0/20px 20px,
    radial-gradient(900px 520px at 100% 0%, rgba(201,169,110,.35), transparent 62%),
    radial-gradient(800px 600px at 0% 30%, rgba(56,108,170,.35), transparent 60%),
    linear-gradient(180deg, #0d1b2a 0%, #1e3a5f 45%, #16304f 100%);
}
body.single-er_business .er-biz-wrap { position:relative; }
body.single-er_business .er-biz-wrap::before {
  content:''; position:absolute; inset:0 0 auto 0; height:520px; z-index:0; pointer-events:none;
  background: linear-gradient(180deg, rgba(13,27,42,.55), rgba(13,27,42,1)), var(--er-biz-photo, none) center/cover no-repeat;
  opacity:.55; border-radius:0 0 40px 40px;
}
body.single-er_business .er-biz-main { position:relative; z-index:1; }
body.single-er_business .er-sticky-sidebar { z-index:1; }
body.single-er_business .er-biz-main {
  background:#fff; border-radius:22px; padding:22px; box-shadow:0 24px 50px -30px rgba(0,0,0,.6);
}
body.single-er_business .er-booking-card { box-shadow:0 22px 48px -24px rgba(0,0,0,.6); }
@media (max-width:900px) { body.single-er_business .er-biz-main { padding:16px; border-radius:18px; } }

/* 6) Μενού του dashboard με χρώματα: κάθε επιλογή έχει δικό της χρωματιστό εικονίδιο. */
.vd-sidebar { background:linear-gradient(180deg,#ffffff 0%,#f6f8fc 100%); }
.vd-sidebar-user { background:linear-gradient(135deg,#1e3a5f,#0d1b2a) !important; color:#fff !important; border-radius:14px; }
.vd-sidebar-user strong { color:#fff !important; }
.vd-sidebar-user span { color:#e9d3a8 !important; }
.vd-nav a { --c:#64748b; border-radius:10px; transition:background .15s, color .15s; }
.vd-nav a > svg, .vd-nav a > .er-ico {
  box-sizing:content-box; width:16px; height:16px; padding:7px; border-radius:9px; flex:0 0 auto;
  color:var(--c); background:color-mix(in srgb, var(--c) 14%, #fff);
}
.vd-nav a:hover { background:color-mix(in srgb, var(--c) 8%, #fff); color:#0d1b2a; }
.vd-nav a.active { background:color-mix(in srgb, var(--c) 13%, #fff) !important; color:#0d1b2a !important; border-left-color:var(--c) !important; }
.vd-nav a.active > svg { background:var(--c); color:#fff; }
.vd-nav a[href*="tab=businesses"]      { --c:#2563eb; }
.vd-nav a[href*="tab=new"]             { --c:#16a34a; }
.vd-nav a[href*="tab=bookings"]        { --c:#ea580c; }
.vd-nav a[href*="tab=revenue"]         { --c:#059669; }
.vd-nav a[href*="tab=availability"]    { --c:#0891b2; }
.vd-nav a[href*="tab=floorplan"]       { --c:#7c3aed; }
.vd-nav a[href*="tab=floorplan-guide"] { --c:#9333ea; }
.vd-nav a[href*="tab=api"]             { --c:#475569; }
.vd-nav a[href*="tab=transfers"]       { --c:#0284c7; }
.vd-nav a[href*="tab=chat"]            { --c:#22c55e; }
.vd-nav a[href*="tab=messages"]        { --c:#d97706; }
.vd-nav a[href*="tab=promo"]           { --c:#db2777; }
.vd-nav a[href*="tab=events"]          { --c:#e11d48; }
.vd-nav a[href*="tab=admin"]           { --c:#b8925a; }
.vd-nav a[href*="vendor-guide"]        { --c:#C9A96E; }

/* 7) Ταμείο: χρώμα στους τρόπους πληρωμής και κάρτες «💳 Με κάρτα» / «🤝 Πληρωμή στο χέρι». */
body.woocommerce-checkout .er-paychoice { margin:0 0 16px; }
body.woocommerce-checkout .er-paychoice-t { font-weight:800; color:#0d1b2a; margin:0 0 10px; font-size:15px; }
body.woocommerce-checkout .er-pc {
  display:flex; gap:12px; align-items:flex-start; padding:14px 16px; margin:0 0 10px; border-radius:16px; cursor:pointer;
  border:2px solid transparent; transition:transform .12s, box-shadow .12s, border-color .12s;
}
body.woocommerce-checkout .er-pc input { margin-top:4px; accent-color:#0d1b2a; }
body.woocommerce-checkout .er-pc-ico { font-size:28px; line-height:1; width:46px; height:46px; display:grid; place-items:center; border-radius:12px; background:rgba(255,255,255,.75); box-shadow:0 4px 12px -6px rgba(0,0,0,.35); flex:0 0 auto; }
body.woocommerce-checkout .er-pc-txt strong { display:block; font-size:15px; color:#0d1b2a; }
body.woocommerce-checkout .er-pc-txt small { display:block; font-size:13px; color:#334155; margin-top:2px; line-height:1.4; }
body.woocommerce-checkout .er-pc-card { background:linear-gradient(135deg,#e0edff,#c7dcff); }
body.woocommerce-checkout .er-pc-hand { background:linear-gradient(135deg,#fff3d6,#f5d996); }
body.woocommerce-checkout .er-pc.on { border-color:#0d1b2a; box-shadow:0 12px 26px -16px rgba(13,27,42,.7); transform:translateY(-1px); }

body.woocommerce-checkout ul.wc_payment_methods > li { border-radius:14px !important; border:2px solid transparent !important; position:relative; overflow:hidden; }
body.woocommerce-checkout ul.wc_payment_methods > li > label { font-weight:700 !important; }
body.woocommerce-checkout ul.wc_payment_methods > li.payment_method_ppcp-gateway,
body.woocommerce-checkout ul.wc_payment_methods > li[class*="paypal"]      { background:linear-gradient(135deg,#e8f1ff,#d6e6ff) !important; }
body.woocommerce-checkout ul.wc_payment_methods > li[class*="card"],
body.woocommerce-checkout ul.wc_payment_methods > li[class*="stripe"],
body.woocommerce-checkout ul.wc_payment_methods > li[class*="viva"],
body.woocommerce-checkout ul.wc_payment_methods > li[class*="cardlink"]    { background:linear-gradient(135deg,#eef2ff,#dfe5ff) !important; }
body.woocommerce-checkout ul.wc_payment_methods > li[class*="iris"]        { background:linear-gradient(135deg,#f3ecff,#e6dbff) !important; }
body.woocommerce-checkout ul.wc_payment_methods > li[class*="google"],
body.woocommerce-checkout ul.wc_payment_methods > li[class*="gpay"]        { background:linear-gradient(135deg,#e9f9ef,#d3f2de) !important; }
body.woocommerce-checkout ul.wc_payment_methods > li.payment_method_cod    { background:linear-gradient(135deg,#fff3d6,#f5d996) !important; }
body.woocommerce-checkout ul.wc_payment_methods > li.payment_method_cod > label::before { content:'🤝 '; }
body.woocommerce-checkout ul.wc_payment_methods > li.payment_method_er_test_card { background:linear-gradient(135deg,#ffe8ec,#ffd2da) !important; }
body.woocommerce-checkout ul.wc_payment_methods > li:has(input:checked) { border-color:#0d1b2a !important; box-shadow:0 12px 26px -16px rgba(13,27,42,.7); }

/* 8) Καλάθι και ταμείο: χρωματιστό φόντο (όχι άσπρο), όπως η σελίδα καταστήματος· οι λευκές κάρτες μένουν ευανάγνωστες. */
body.woocommerce-cart, body.woocommerce-checkout {
  background-color:#0d1b2a !important;
  background-image:
    radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.3px),
    radial-gradient(900px 520px at 100% 0%, rgba(201,169,110,.35), transparent 62%),
    radial-gradient(800px 600px at 0% 35%, rgba(56,108,170,.38), transparent 60%),
    linear-gradient(180deg, #0d1b2a 0%, #1e3a5f 50%, #16304f 100%) !important;
  background-size: 20px 20px, auto, auto, auto !important;
  background-attachment: fixed !important;
}
body.woocommerce-cart .er-cart-title, body.woocommerce-cart .er-cart-sub,
body.woocommerce-checkout .er-checkout-header, body.woocommerce-checkout .er-checkout-header * { color:#fff !important; }
body.woocommerce-cart .er-cart-sub, body.woocommerce-checkout .er-checkout-header p { color:#e9d3a8 !important; }
body.woocommerce-cart .er-cart-wrap a:not([class*="btn"]):not(.er-cart-item-venue):not(.button),
body.woocommerce-cart .er-cart-continue, body.woocommerce-checkout .er-checkout-back { color:#e9d3a8; }
body.woocommerce-cart .er-cart-item, body.woocommerce-cart .er-cart-summary-card,
body.woocommerce-checkout .er-checkout-section, body.woocommerce-checkout .er-checkout-summary-card { box-shadow:0 22px 48px -26px rgba(0,0,0,.65) !important; }