/*
Theme Name: Κάρβουνα Σίδερης
Template: agency-base
Author: Spiral Mango
Description: Child theme του karvouna.gr. Χρώματα και γραμματοσειρές του σημερινού site (κόκκινο Σίδερης, ανθρακί, Inter, Roboto Condensed). Όλη η λειτουργικότητα είναι στο Agency Base.
Version: 1.3.1
Requires PHP: 8.1
Text Domain: karvouna
*/

/* =========================================================
   Μόνο ό,τι διαφέρει από το base.
   Κόκκινο #E8272A, ανθρακί #35363A, γκρι #F4F4F4 (από τις ρυθμίσεις του Divi)
   ========================================================= */
:root{--ab-display-tracking:.02em;--kv-red:var(--wp--preset--color--secondary);--kv-coal:var(--wp--preset--color--dark);--kv-nav:var(--wp--preset--font-family--nav)}

/* ---------- Τίτλοι: Inter, όρθια, όπως στο Divi ---------- */
.is-style-display,.is-style-eyebrow{font-style:normal;font-weight:600}
h1.is-style-display{font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem)}
h2.is-style-display{font-size:clamp(1.3rem,1rem + 1.1vw,1.8rem)}
.is-style-lead{font-style:normal;font-weight:400;color:var(--ab-ink)}

/* ---------- Κουμπιά: μαύρα, ίσιες γωνίες (όπως το «Εγγραφή») ---------- */
.ab-btn,.wp-block-button__link,.wp-element-button{border-radius:0;font-style:normal;box-shadow:none;letter-spacing:.15em}
.ab-btn:hover,.wp-block-button__link:hover{background:var(--kv-red);filter:none}

/* ---------- Top bar: ανοιχτό γκρι με τα δύο τηλέφωνα στο κέντρο ---------- */
.ab-topbar{background:var(--ab-surface);color:var(--kv-coal);font-family:var(--kv-nav);font-weight:400;font-size:.8rem}
.ab-topbar .ab-wrap{justify-content:center;min-height:30px;gap:6px}
.ab-topbar a{color:var(--kv-coal)}
.ab-topbar a+a::before{content:"|";margin-right:6px;color:var(--kv-coal)}

/* ---------- Header: ανθρακί, μενού Roboto Condensed ---------- */
.ab-hdr{background:var(--kv-coal);box-shadow:none}
.ab-hdr__in{min-height:72px}
.ab-hdr__logo img,.ab-hdr__logo .ab-logo{height:44px}
.ab-nav{gap:22px}
.ab-nav__list{gap:24px}
.ab-nav a{color:#fff;font-family:var(--kv-nav);font-weight:700;font-size:.95rem;letter-spacing:0;text-transform:none}
.ab-nav a:hover,.ab-nav .current-menu-item>a,.ab-nav .current_page_item>a,.ab-nav .current-menu-ancestor>a{color:var(--kv-red)}
.ab-burger span{background:#fff}
.kv-nav-social{display:flex;gap:12px;align-items:center}
.kv-nav-social a{display:grid;place-items:center;color:#fff}
.kv-nav-social a:hover{color:var(--kv-red)}

/* Υπομενού (Προϊόντα) */
.ab-nav__list .menu-item-has-children{position:relative}
.ab-nav__list .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg)}
.ab-nav .sub-menu{display:none;position:absolute;top:100%;left:-18px;z-index:60;min-width:260px;list-style:none;margin:0;padding:14px 0;background:#fff;border-top:3px solid var(--kv-red);box-shadow:0 12px 30px -12px rgba(0,0,0,.35)}
.ab-nav .menu-item-has-children:hover>.sub-menu,.ab-nav .menu-item-has-children:focus-within>.sub-menu{display:block}
.ab-nav .sub-menu a{display:block;padding:8px 22px;color:var(--kv-coal);font-weight:600}
.ab-nav .sub-menu a:hover,.ab-nav .sub-menu .current-menu-item>a{color:var(--kv-red)}

@media (max-width:920px){
  .ab-nav{background:var(--kv-coal);box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}
  .ab-nav a{border-bottom-color:rgba(255,255,255,.12)}
  .ab-nav .sub-menu{display:block;position:static;min-width:0;padding:0 0 0 18px;background:none;border:0;box-shadow:none}
  .ab-nav .sub-menu a{color:#fff;font-weight:400}
  .kv-nav-social{padding:16px 0 4px}
}

/* ---------- Τίτλος ενότητας στο κέντρο με γραμμή από κάτω (αρχική) ---------- */
.kv-title{text-align:center;margin:0 auto 36px!important}
.kv-title h2{display:inline-block;margin:0;padding:0 14px 10px;border-bottom:1px solid currentColor;font-size:1.05rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}
.kv-title h2::before{display:none!important}

/* ---------- Αρχική: «Ποιοι είμαστε» σε ανθρακί ---------- */
.kv-about{background:var(--kv-coal);color:#fff}
.kv-about h2,.kv-about h3{color:#fff}
.kv-about .kv-text{max-width:780px;margin-inline:auto;font-size:.95rem}
.kv-about .kv-text p{color:#fff}
.kv-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 72px;max-width:820px!important;margin:56px auto 0;text-align:center}
.kv-feat img{width:96px;height:96px;margin:0 auto 26px;display:block}
.kv-feat h3{font-size:.85rem;font-weight:500;letter-spacing:.02em;line-height:1.5;margin:0 0 14px;text-transform:uppercase}
.kv-feat p{font-size:.85rem;color:#ddd;margin:0}
@media (max-width:640px){.kv-feats{grid-template-columns:1fr;gap:44px}}

/* ---------- Αρχική: Instagram (plugin Social Feed Gallery) ---------- */
.kv-ig{background:var(--kv-coal);padding:24px 0 30px;text-align:center}
.kv-ig__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.kv-ig__grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.kv-ig__btn{display:inline-block;margin-top:16px;padding:6px 14px;border-radius:4px;background:#0095f6;color:#fff;font-size:.8rem;font-weight:600;text-decoration:none}
@media (max-width:700px){.kv-ig__grid{grid-template-columns:repeat(3,1fr)}}

/* ---------- Αρχική: συμβουλές (4 κάρτες, τίτλος κάτω από τη φωτογραφία) ---------- */
.kv-tips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:1400px!important}
.kv-tip{color:var(--ab-ink);text-decoration:none;font-size:.85rem;line-height:1.35}
.kv-tip img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover}
.kv-tip span{display:block;margin-top:8px}
.kv-tip:hover span{color:var(--kv-red)}
@media (max-width:900px){.kv-tips{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}}

/* ---------- Footer: ανοιχτό γκρι, 4 στήλες όπως σήμερα ---------- */
.ab-ftr.kv-ftr{background:var(--ab-surface);color:#000;padding:56px 0 24px;font-size:.78rem;line-height:1.6}
.kv-ftr a{color:#000}
.kv-ftr__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:center;max-width:960px;margin-inline:auto}
.kv-ftr__logo img{width:min(200px,100%);height:auto;display:block;margin-inline:auto}
.kv-ftr h4{margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#000}
.kv-ftr b{font-weight:700;text-transform:uppercase}
.kv-ftr p{margin:0 0 10px}
.kv-ftr .ab-social{margin-top:14px}
.kv-ftr .ab-social a{width:34px;height:34px;background:#000;color:#fff}
.kv-ftr .ab-social a:hover{background:var(--kv-red);color:#fff}
.kv-ftr .ab-ftr__base{border-top-color:#ccc;margin-top:40px}
.kv-ftr .ab-ftr__links a{color:#000}
@media (max-width:900px){.kv-ftr__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.kv-ftr__grid{grid-template-columns:1fr;text-align:center}.kv-ftr .ab-social{justify-content:center}}

/* Κουτί επικοινωνίας: όρθιος τίτλος */
.ab-cta__title{font-style:normal;letter-spacing:.06em}


/* =========================================================
   Περιεχόμενο σελίδων (core blocks)
   ========================================================= */
.kv-entry>*{margin-top:0!important;margin-bottom:0!important}
.kv-entry .wp-block-group{margin-top:0;margin-bottom:0}

/* ---------- Hero (cover block): βίντεο ή εικόνα, τίτλος στο κέντρο ---------- */
.wp-block-cover.kv-phero{min-height:clamp(260px,32vw,640px)!important;padding:48px var(--ab-gutter)}
.kv-phero h1{margin:0;color:#fff;text-align:center;font-size:clamp(1.2rem,.95rem + 1vw,1.75rem);font-weight:500;letter-spacing:0;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.wp-block-cover.kv-hero{min-height:clamp(420px,62vw,780px)!important;padding:72px var(--ab-gutter);text-align:center}
.kv-hero .kv-hero__logo{width:min(520px,78vw);margin:0 auto 34px!important}
.kv-hero .kv-hero__logo img{display:block;width:100%;height:auto}
.kv-hero h1{margin:0;color:#fff;text-align:center;font-size:clamp(1.15rem,.95rem + .9vw,1.65rem);font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.kv-hero p{margin:4px 0 0;color:#fff;font-size:clamp(1rem,.9rem + .5vw,1.3rem);text-transform:uppercase}

/* ---------- Αρχική: 4 πλεονεκτήματα ---------- */
.kv-about .kv-text>p{margin:0 0 1em}
.kv-feat .wp-block-image{margin:0 0 26px}
.kv-feat .wp-block-image img{display:block;width:96px;height:96px;margin:0 auto}

/* ---------- Αρχική: προϊόντα σε κυλιόμενη σειρά (gallery .kv-car) ---------- */
.kv-car-wrap{position:relative}
.wp-block-gallery.kv-car{display:grid!important;grid-auto-flow:column;grid-auto-columns:clamp(132px,15vw,176px);gap:4px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 2px 8px;margin:0;flex-wrap:nowrap}
.wp-block-gallery.kv-car::-webkit-scrollbar{display:none}
.wp-block-gallery.kv-car .wp-block-image{width:auto!important;margin:0!important;scroll-snap-align:start;display:block!important}
.wp-block-gallery.kv-car .wp-block-image::before{display:none!important}
.wp-block-gallery.kv-car .wp-block-image a{display:block;color:var(--ab-ink);text-decoration:none}
.wp-block-gallery.kv-car .wp-block-image img{display:block;width:100%;height:auto!important;aspect-ratio:1;object-fit:contain!important;background:#fff}
.wp-block-gallery.kv-car .wp-block-image figcaption{position:static!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:8px 0 0!important;background:none!important;color:var(--ab-ink)!important;text-align:left!important;text-shadow:none!important;font-size:.78rem;line-height:1.3}
.wp-block-gallery.kv-car figcaption strong{font-weight:400}
.wp-block-gallery.kv-car .wp-block-image:hover figcaption{color:var(--kv-red)!important}
.kv-car__btn{position:absolute;top:calc(50% - 40px);z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:#eee;color:#333;font-size:1.1rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.kv-car__btn:hover{background:var(--kv-red);color:#fff}
.kv-car__prev{left:-14px}.kv-car__next{right:-14px}
.kv-car__pause{display:block;margin:14px 0 0 auto;width:28px;height:28px;border-radius:50%;border:0;background:#666;color:#fff;font-size:.65rem;cursor:pointer}
@media (max-width:700px){.kv-car__prev{left:0}.kv-car__next{right:0}}

/* ---------- Σελίδες προϊόντων: τίτλος, slider αριστερά, λίστα με φλόγες δεξιά ---------- */
.kv-prod{background:#fff;padding:40px var(--ab-gutter) 48px}
.kv-prod--alt{background:#fafafa}
.kv-prod__in{max-width:860px;margin:0 auto}
.kv-prod__t{margin:0 0 28px;font-size:1rem;font-weight:600;line-height:1.35;letter-spacing:0;text-transform:none;color:#000}
.kv-prod__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.kv-prod__grid>*{margin:0!important}
.wp-block-gallery.kv-slider{display:block!important;position:relative;background:#fff;margin:0}
.wp-block-gallery.kv-slider .wp-block-image{width:100%!important;margin:0!important;display:none!important}
.wp-block-gallery.kv-slider .wp-block-image:first-child,.wp-block-gallery.kv-slider.kv-js .wp-block-image.is-on{display:block!important}
.wp-block-gallery.kv-slider.kv-js .wp-block-image:not(.is-on){display:none!important}
.wp-block-gallery.kv-slider img{display:block;width:100%;height:auto!important;aspect-ratio:1;object-fit:contain!important;cursor:pointer}
.kv-dots{display:flex;justify-content:center;gap:6px;position:absolute;left:0;right:0;bottom:12px}
.kv-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ccc;cursor:pointer}
.kv-dot.is-on{background:#333}
.kv-flames{list-style:none;margin:0;padding:0;display:grid;gap:18px;font-size:.88rem;line-height:1.35}
.kv-flames li{position:relative;padding-left:36px;min-height:22px;margin:0}
.kv-flames li::before{content:"";position:absolute;left:0;top:-2px;width:22px;height:22px;background:url("/wp-content/uploads/2023/07/trending-topic.png") center/contain no-repeat}
.kv-flames--2 li::before{background-image:url("/wp-content/uploads/2023/07/trending-topic-1.png")}
@media (max-width:700px){.kv-prod__grid{grid-template-columns:1fr;gap:28px}}

/* ---------- Εσωτερικές σελίδες: στενή στήλη 860px όπως σήμερα ---------- */
.kv-page{padding:28px var(--ab-gutter) 56px;background:#fff}
.kv-page--top0{padding-top:0}
.kv-page__in{max-width:860px;margin:0 auto}
.kv-center-t{text-align:center;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:0;margin:0 0 28px}

/* Διάθεση */
.kv-quote{border-left:3px solid #000;padding:2px 0 2px 14px;margin:0 0 36px;font-size:.9rem}
.kv-blurbs{display:grid;gap:22px;padding-left:18px;margin-bottom:24px}
.kv-blurbs h3{font-size:1rem;font-weight:400;letter-spacing:0;margin:0 0 4px}
.kv-blurbs p{font-size:.88rem;margin:0}
.wp-block-gallery.is-style-masonry.kv-fleet{display:grid!important;columns:auto!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wp-block-gallery.is-style-masonry.kv-fleet .wp-block-image{margin:0!important}
.kv-fleet img{width:100%;aspect-ratio:4/3;object-fit:cover!important;height:auto!important}
@media (max-width:700px){.wp-block-gallery.is-style-masonry.kv-fleet{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Συμβουλές */
.kv-filter{display:inline-flex;border:1px solid #e2e2e2;margin:0 0 24px}
.kv-filter button{padding:6px 16px;border:0;background:#fff;color:#666;font:inherit;font-size:.85rem;cursor:pointer}
.kv-filter button+button{border-left:1px solid #e2e2e2}
.kv-filter .is-on{background:#f6f6f6;color:#bbb}
.kv-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;padding-bottom:28px;border-bottom:1px solid #e2e2e2}
.kv-grid4 .kv-tip img{aspect-ratio:1.41}
.kv-tip small{display:block;margin-top:6px;color:#777;font-size:.8rem}
@media (max-width:760px){.kv-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Διάθεση: στόλος σε πλέγμα */
.wp-block-gallery.is-style-masonry.kv-fleet .wp-block-image{width:auto!important}
.wp-block-gallery.kv-fleet .wp-block-image a{display:block}

/* Επικοινωνία */
.kv-contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:0}
.kv-contact>*{margin:0!important}
.kv-h{font-size:1.05rem;font-weight:600;letter-spacing:0;text-transform:uppercase;margin:0 0 26px}
.kv-loc{position:relative;padding-left:38px;margin:0 0 22px;font-size:.88rem;line-height:1.65}
.kv-loc a{color:#000;text-decoration:none}
.kv-loc a:hover{color:var(--kv-red)}
.kv-loc::before{content:"";position:absolute;left:0;top:2px;width:24px;height:24px;background:#000;-webkit-mask:var(--kv-ic) center/contain no-repeat;mask:var(--kv-ic) center/contain no-repeat}
.kv-loc--pin{--kv-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.3 7 13 7 13s7-7.7 7-13a7 7 0 0 0-7-7zm0 9.6A2.6 2.6 0 1 1 12 6.4a2.6 2.6 0 0 1 0 5.2z'/%3E%3C/svg%3E")}
.kv-loc--mail{--kv-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' d='M1.5 1.5h23v17h-23zM1.5 1.5l11.5 10 11.5-10M1.5 18.5l8.5-8M24.5 18.5l-8.5-8'/%3E%3C/svg%3E")}
.kv-loc--mail::before{width:26px;height:20px;top:3px}
.kv-soc-sm{display:flex;gap:18px;padding-left:6px;margin-top:8px}
.kv-soc-sm a{color:#000}
.kv-soc-sm a:hover{color:var(--kv-red)}
.kv-form-box{background:#f9f9f9;padding:24px}
.kv-form-box .ab-form label:not(.ab-form__consent){font-size:0;gap:0}
.kv-form-box .ab-form input,.kv-form-box .ab-form textarea{font-size:.8rem;border:0;border-radius:0;box-shadow:0 2px 8px rgba(0,0,0,.18);padding:12px 14px}
.kv-form-box .ab-form textarea{min-height:118px}
.kv-form-box .ab-form ::placeholder{color:#222;text-transform:uppercase}
.kv-form-box .ab-form__consent{font-size:.82rem;color:#333}
.kv-form-box .ab-form p:last-child{text-align:right;margin:0}
.kv-form-box .ab-btn{background:#fff;color:#000;border:2px solid #000;border-radius:3px;letter-spacing:0;text-transform:none;font-weight:500;font-size:1rem;padding:.55em 1em;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.kv-form-box .ab-btn:hover{background:#000;color:#fff}
@media (max-width:760px){.kv-contact{grid-template-columns:1fr}}

/* ---------- Άρθρα (όπως σήμερα): τίτλος στο κέντρο, εικόνα, κείμενο σε στήλη 860px ---------- */
.kv-art{padding:36px var(--ab-gutter) 40px;background:#fff}
.kv-art__in{max-width:860px;margin:0 auto}
.kv-art__t{margin:0 0 44px;text-align:center;font-size:clamp(1.05rem,.95rem + .4vw,1.25rem);font-weight:600;letter-spacing:0;text-transform:none;line-height:1.4}
.kv-art__body{font-size:.88rem;line-height:1.65}
.kv-art__body p{margin:0 0 .9em}
.kv-art__body h2,.kv-art__body h3,.kv-art__body h4{font-size:.98rem;font-weight:600;letter-spacing:0;text-transform:none;margin:1.1em 0 .4em;line-height:1.4}
.kv-art__body ul,.kv-art__body ol{margin:0 0 1em;padding-left:1.2em}
.kv-art__body li{margin-bottom:.9em}
.kv-art__body a{color:#000}
.kv-art__lead{margin:0 auto 56px!important;max-width:470px}
.kv-art__lead img{width:100%;height:auto}
.kv-art__img{margin:28px 0!important;max-width:240px}
.kv-art__body img{max-width:100%;height:auto}
.kv-art__body>*{margin-top:0;margin-bottom:.9em}
.kv-art__body .wp-block-image.aligncenter{display:block}
.kv-art__body .kv-art__lead img{margin:0 auto}
