/*
Theme Name:        visitmikra
Theme URI:         https://visitmikra.gr
Description:       Block theme του visitmikra.gr. Απαιτεί το plugin «visitmikra Core» (συμβόλαιο v1).
Author:            Ένωση Επαγγελματιών Εμπόρων Μίκρας
Version:           0.1.2
Requires at least: 6.7
Requires PHP:      8.0
License:           GPL-2.0-or-later
Text Domain:       visitmikra
*/

/* ---------- sections ---------- */
.vm-sec{padding-block:clamp(56px,8vw,96px)}
.vm-sec--tight{padding-block:clamp(32px,5vw,56px)}
.is-dark{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--on-dark)}
.is-dark a:where(:not(.wp-element-button):not(.vm-btn):not(.vm-chip)){color:var(--wp--preset--color--on-dark)}
.is-sky{background:var(--wp--preset--color--sky)}
.is-mist{background:var(--wp--preset--color--mist)}
.wp-site-blocks{padding-top:0}
.wp-site-blocks>main{margin-block-start:0}
main.wp-block-group{margin-top:0}

/* hero */
.vm-hero{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(56px,7vw,96px)}
.vm-kicker{margin:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--accent)}
.vm-kicker.is-blue{color:var(--wp--preset--color--blue)}
.is-dark .vm-kicker.is-blue{color:var(--wp--preset--color--blue-light)}
.vm-display{font-size:var(--wp--preset--font-size--huge)!important;line-height:1!important;letter-spacing:-.035em;margin:0}
.vm-lead{max-width:640px;font-size:var(--wp--preset--font-size--large);line-height:1.6;color:var(--wp--preset--color--muted);margin:0}
.is-dark .vm-lead{color:var(--wp--preset--color--muted-dark)}
.vm-sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:36px!important}
.vm-sec-head h2{margin:0}

/* ---------- header ---------- */
.vm-header{padding-block:18px}
.vm-header__row{gap:16px 28px}
.vm-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--wp--preset--font-family--display);font-weight:800;font-size:34px;letter-spacing:-.02em;color:var(--wp--preset--color--on-dark)!important;text-decoration:none}
.vm-logo svg{flex:none;width:27px;height:32px;margin-top:-5px;color:var(--wp--preset--color--accent)}
@media (max-width:781px){.vm-logo{font-size:28px;gap:8px}.vm-logo svg{width:22px;height:26px;margin-top:-4px}}
.vm-logo .vm-logo__b{color:var(--wp--preset--color--accent)}
.vm-logo,.vm-logo span{transition:color .2s ease}
.vm-logo:hover,.vm-logo:hover span{color:var(--wp--preset--color--accent)!important}
.vm-nav{font-weight:600;font-size:15px}
.vm-nav a{text-decoration:none}
.vm-nav .current-menu-item>a,.vm-nav a:hover{color:var(--wp--preset--color--accent)!important}
.vm-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--ink)!important;color:var(--wp--preset--color--on-dark)!important}
.vm-header .wp-block-button__link.is-outline,.vm-btn-outline-light .wp-block-button__link{background:transparent;border:1.5px solid var(--wp--preset--color--on-dark);color:var(--wp--preset--color--on-dark);padding:11px 18px;font-size:15px}
.vm-btn-outline-light .wp-block-button__link:hover{border-color:var(--wp--preset--color--accent);color:var(--wp--preset--color--accent)}
.vm-header__cta{margin-left:auto}
@media (max-width:781px){.vm-header .vm-header__cta{display:none!important}}

/* ---------- CTA band ---------- */
.vm-cta{border-radius:28px;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--ink);padding:clamp(32px,5vw,64px)!important;gap:32px}
.vm-cta h2{margin:0 0 12px}
.vm-cta p{margin:0;max-width:640px}
.vm-btn-dark .wp-block-button__link{background:var(--wp--preset--color--ink);color:#fff}
.vm-btn-dark .wp-block-button__link:hover{background:#24342E;color:#fff}

/* ---------- single listings ---------- */
.vm-single{padding-top:24px;padding-bottom:88px}
.vm-single__grid{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;margin-top:48px!important}
.vm-single__main{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:48px}
.vm-single__main>*{margin:0!important}
.vm-single__grid>.vm-details{flex:1 1 340px}
.vm-single__content{font-size:17px;line-height:1.75;max-width:70ch}
.vm-single__content h2{font-size:clamp(24px,2.6vw,30px)}
.vm-single--sight .vm-hero{padding-bottom:56px}
.is-dark .vm-lhead__lead{color:var(--wp--preset--color--muted-dark)}
.is-dark .vm-tag{background:transparent;border:1px solid var(--wp--preset--color--line);color:var(--wp--preset--color--on-dark)}
.is-dark .vm-tag.primary{background:var(--wp--preset--color--blue-light);border-color:var(--wp--preset--color--blue-light);color:var(--wp--preset--color--ink)}
.is-dark .vm-lhead .vm-btn--ghost,.is-dark .vm-lhead .vm-btn--icon{border-color:var(--wp--preset--color--on-dark);color:var(--wp--preset--color--on-dark)}
.is-dark .vm-audio{margin-top:32px}
.vm-after{border-radius:28px;padding:clamp(28px,4vw,48px)!important;margin-top:88px!important}

/* ---------- prose pages ---------- */
.vm-prose{max-width:760px;margin-inline:auto;padding-block:clamp(48px,7vw,88px)}
.vm-prose h1{margin-top:0}

/* ---------- footer ---------- */
.vm-footer{border-top:1px solid var(--wp--preset--color--border);padding-block:32px;font-size:14px;color:var(--wp--preset--color--muted)}
.vm-footer p{margin:0}
.vm-footer a{color:inherit}

/* accessibility */
:focus-visible{outline:2px solid var(--wp--preset--color--accent);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.vm-display-md{font-size:clamp(36px,5vw,64px)!important;line-height:1!important;letter-spacing:-.035em}
.vm-sec .vm-lead{margin-bottom:32px!important}
.vm-hero .vm-explorer{margin-top:48px!important}
.vm-hero>.vm-lhead{margin-top:16px}

/* --- layout fixes --- */
/* constrained layout centres narrower children; keep leads left-aligned */
/* keep leads narrow but on the content column's left edge (same offset WP uses to centre the column) */
.is-layout-constrained>.vm-lead{margin-left:max(0px,calc((100% - var(--wp--style--global--content-size))/2))!important;margin-right:auto!important}
.vm-display+.vm-lead,.vm-display-md+.vm-lead{margin-top:24px!important}
/* sections butt against each other (no blockGap strips between coloured bands) */
.wp-site-blocks>*+*,main.wp-block-group>*+*{margin-block-start:0}
main.wp-block-group>.vm-single__grid{margin-block-start:48px}
main.vm-sec--tight>.wp-block-query-title{margin-bottom:32px}