/*
Theme Name: WEMATCH
Template: agency-base
Author: The Omni Studio
Author URI: https://theomnistudio.com/
Description: Child theme του wematch.gr: η εμφάνιση του Divi site (πράσινο #008894, League Spartan, κάρτες MATCH/Barrisol, About, Contact με φωτογραφίες), σε core blocks, φόρμα με anti-spam στο sales@match.gr. Η βασική λειτουργικότητα είναι στο Agency Base.
Version: 1.0.0
Requires PHP: 8.1
Text Domain: wematch
*/

:root{--wm-teal:#008894;--wm-ink:#000;--wm-txt:#666;--wm-wrap:1080px;--wm-g:clamp(16px,4vw,30px);--wm-f:"League Spartan",Helvetica,Arial,sans-serif;--wm-hdr:154px}
html{scroll-padding-top:calc(var(--wm-hdr) + 10px)}
body{background:#fff;color:var(--wm-txt);font:400 17px/1.8 var(--wm-f)}
img{display:block;max-width:100%;height:auto}
a{color:var(--wm-teal)}
.wm-wrap{max-width:calc(var(--wm-wrap) + 2*var(--wm-g));margin-inline:auto;padding-inline:var(--wm-g)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--wm-teal);outline-offset:3px}
h1,h2,h3,h4,h5{font-family:var(--wm-f);font-weight:500;line-height:1.1;color:var(--wm-ink);font-style:normal}
.wm-i{width:1em;height:1em;fill:currentColor;flex:none}

/* ---------- header ---------- */
.wm-hdr{position:sticky;top:0;z-index:50;background:#fff;transition:box-shadow .2s}
.admin-bar .wm-hdr{top:32px}
.wm-hdr.is-scrolled{box-shadow:0 1px 0 rgba(0,0,0,.1)}
.wm-top{background:var(--wm-teal);font:600 17px/1 var(--wm-f)}
.wm-top .wm-wrap{display:flex;gap:18px;padding-block:11px}
.wm-top a{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none}
.wm-bar__in{display:flex;align-items:center;justify-content:space-between;min-height:var(--wm-hdr)}
.wm-logo img{height:140px;width:auto;padding-block:4px;transition:height .2s}
.wm-hdr.is-scrolled .wm-logo img{height:110px}
.wm-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.wm-menu a{color:rgba(0,0,0,.6);font:600 20px/1 var(--wm-f);text-decoration:none;padding:10px 0;display:block}
.wm-menu a:hover{opacity:.7}
.wm-menu .current-menu-item>a{color:var(--wm-teal)}
.wm-burger{display:none;width:44px;height:44px;border:0;background:none;position:relative;cursor:pointer}
.wm-burger span,.wm-burger::before,.wm-burger::after{content:"";position:absolute;left:10px;right:10px;height:3px;background:var(--wm-teal)}
.wm-burger span{top:21px}.wm-burger::before{top:12px}.wm-burger::after{top:30px}
@media (max-width:980px){
	:root{--wm-hdr:110px}
	.wm-logo img{height:100px}.wm-hdr.is-scrolled .wm-logo img{height:80px}
	.wm-burger{display:block}
	.wm-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:3px solid var(--wm-teal);box-shadow:0 10px 20px rgba(0,0,0,.08)}
	.wm-nav.is-open{display:block}
	.wm-menu{flex-direction:column;gap:0;padding:10px var(--wm-g)}
	.wm-menu a{padding:14px 0;border-bottom:1px solid #eee}
	.wm-bar{position:relative}
}
@media (max-width:480px){.wm-top{font-size:14px}.wm-top .wm-wrap{gap:12px}}

/* ---------- ενότητες ---------- */
.wm-content>*{margin-block:0}
.wm-sec{padding:clamp(40px,4vw,54px) var(--wm-g)}
.wm-content .wm-sec>*{max-width:var(--wm-wrap);margin-inline:auto}
.wm-content p{margin:0 0 1em}
.wm-content .wp-block-columns{gap:clamp(24px,5.5%,60px)}
.wm-content .wp-block-column{min-width:0}
.wm-content .wp-block-image{margin:0}
.wm-h2{font-size:clamp(40px,5vw,72px);text-transform:uppercase;margin:0 0 10px}
/* hero */
.wm-hero{background:linear-gradient(180deg,rgba(31,35,44,.7) 0%,rgba(0,136,148,1) 100%),url(/wp-content/uploads/2023/10/wematch.jpg) center/cover no-repeat;padding:12vw var(--wm-g)}
.wm-content .wm-hero>*{max-width:800px;margin-inline:auto}
.wm-hero__t{color:#fff;font-size:clamp(44px,5vw,72px);text-transform:uppercase;margin:0 0 .5em}
.wm-hero__s{color:#fff;font-size:clamp(15px,1.4vw,18px);text-transform:uppercase;margin:0;letter-spacing:.02em}
/* κάρτες MATCH / Barrisol */
.wm-services{padding-top:0}
.wm-cards{margin-top:-10vw!important;position:relative}
.wm-content .wm-cards{gap:clamp(24px,5.5%,60px);align-items:stretch}
.wm-cards>.wp-block-column{padding:60px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}
.wm-cards>.wp-block-column:first-child{background:rgba(73,81,100,.95)}
.wm-cards>.wp-block-column:last-child{background:linear-gradient(180deg,#fce501 0%,#c4aa99 100%)}
.wm-card__img img{width:auto;max-height:300px;background:#fff}
.wm-card__img a{display:block}
.wm-content .wp-block-button.is-style-outline .wp-block-button__link,.wm-btn{background:transparent;color:#fff;border:2px solid #fff;border-radius:3px;font:500 20px/1.7 var(--wm-f);padding:.3em 1em;text-decoration:none;text-transform:none;letter-spacing:normal;font-style:normal!important;cursor:pointer;transition:background .2s}
.wm-content .wp-block-button.is-style-outline .wp-block-button__link:hover,.wm-btn:hover{background:rgba(255,255,255,.2)}
@media (max-width:781px){.wm-hero{padding:70px var(--wm-g) 110px}.wm-cards>.wp-block-column{padding:30px 20px}.wm-cards{margin-top:-60px!important}}
/* about */
.wm-about{background:#fff;padding-block:clamp(40px,5vw,70px)}
.wm-about__cols>.wp-block-column:first-child{padding-top:6vw}
.wm-about p{color:#000;font-size:20px;line-height:36px}
@media (max-width:781px){.wm-about__cols>.wp-block-column:first-child{padding-top:0}.wm-about p{font-size:18px;line-height:32px}}
/* contact */
.wm-contact{background:var(--wm-teal);color:#fff;padding-block:clamp(50px,6vw,90px)}
.wm-contact .wm-h2{color:#fff}
.wm-content .wm-ph{gap:0!important;flex-wrap:nowrap!important}
.wm-ph>.wp-block-column{flex-basis:50%!important}
.wm-ph>.wp-block-column:first-child{padding-top:60px}
.wm-ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
.wm-contact__cols>.wp-block-column:last-child{padding-top:30px}
.wm-div{width:65px;height:2px;background:rgba(255,255,255,.7);margin:10px 0 30px;position:relative}
.wm-div::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:2px solid rgba(255,255,255,.8);background:var(--wm-teal);transform:translate(-50%,-50%) rotate(45deg)}
.wm-info{list-style:none;margin:0 0 30px;padding:0}
.wm-info li{display:flex;align-items:center;gap:16px;margin:0 0 18px;font:500 18px/1.3 var(--wm-f);text-transform:uppercase}
.wm-info a{color:#fff;text-decoration:none}.wm-info a:hover{text-decoration:underline}
.wm-info__ic{width:46px;height:46px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;flex:none;font-size:22px}
@media (max-width:781px){.wm-contact__cols>.wp-block-column:last-child{padding-top:0}.wm-ph>.wp-block-column:first-child{padding-top:30px}}

/* ---------- φόρμα ---------- */
.wm-form{display:grid;grid-template-columns:1fr 1fr;gap:3%;row-gap:14px}
.wm-form p{margin:0}
.wm-f input,.wm-f textarea{width:100%;font:400 16px var(--wm-f);padding:14px 16px;background:#eee;color:#4e4e4e;border:0;border-radius:0}
.wm-f textarea{min-height:150px}
.wm-f--full{grid-column:1/-1}
.wm-form__end{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.wm-form__end small{font-size:13px;color:rgba(255,255,255,.85)}
.wm-form__end small a{color:#fff}
.wm-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.wm-msg{padding:12px 16px;margin:0 0 14px;font-weight:600;background:#fff}
.wm-msg--ok{color:#1d5e22}.wm-msg--err{color:#8a1f1f}
@media (max-width:560px){.wm-form{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.wm-ftr__logo{padding:clamp(40px,5vw,60px) var(--wm-g)}
.wm-ftr__logo img{width:236px;margin:0 auto}
.wm-ftr__bar{background:#aaa;color:#fff;font-size:15px;padding:16px 0}
.wm-ftr__bar p{margin:0}
.wm-ftr__bar a{color:#fff;text-decoration:none}.wm-ftr__bar a:hover{text-decoration:underline}

/* Πολιτική απορρήτου */
.wm-ptitle{font-size:clamp(34px,4vw,48px);text-transform:uppercase;max-width:var(--wm-wrap);margin:50px auto 0;padding-inline:var(--wm-g)}
.wm-legal{max-width:880px;margin:0 auto;padding:20px var(--wm-g) 60px;color:#333}
.wm-legal h2{font-size:1.5rem;margin:1.5em 0 .4em}
.wm-legal h1{font-size:clamp(34px,4vw,48px);text-transform:uppercase}