/*
Theme Name: Gravel Mode
Theme URI: https://www.gravelmode.lt/
Author: Gravel Mode
Description: Gravel Mode dviratininkų bendruomenės blokinė tema: renginiai, maršrutai, parduotuvė.
Version: 0.1.1
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gravel-mode
*/

/* ---------- Bendra ---------- */
body { -webkit-font-smoothing: antialiased; }
.wp-site-blocks { overflow-x: clip; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }

/* ---------- Antraštė ---------- */
.gm-header { border-bottom: 3px solid var(--wp--preset--color--ink); }
.gm-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--sand); }

/* ---------- Pasvirusios antraštės juostos ---------- */
.is-style-gm-banner,
.is-style-gm-banner-light,
.is-style-gm-banner-accent {
	display: inline-block;
	font-family: var(--wp--preset--font-family--display) !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	padding: 12px 24px;
	transform: rotate(-2deg);
	width: fit-content;
	max-width: 100%;
}
.is-style-gm-banner { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper); }
.is-style-gm-banner-light { background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); transform: rotate(1.5deg); }
.is-style-gm-banner-accent { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--ink); border: 3px solid var(--wp--preset--color--ink); }

/* ---------- Mygtukai ---------- */
.wp-block-button.is-style-gm-outline .wp-block-button__link {
	background: transparent;
	color: inherit;
	border-color: currentColor;
	box-shadow: none;
}
.wp-block-button.is-style-gm-light .wp-block-button__link {
	background: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--ink);
}
.wp-block-button .wp-block-button__link { transition: transform .12s ease, box-shadow .12s ease; }
.wp-block-button .wp-block-button__link:hover { transform: translate(2px, 2px); }

/* ---------- Pradžios vaizdas ---------- */
.gm-hero { position: relative; padding: 0 !important; }
.gm-hero__art svg { display: block; width: 100%; height: clamp(480px, 56vw, 760px); }
.gm-hero__text {
	position: absolute; inset: 0;
	display: flex; flex-direction: column; align-items: center;
	padding: clamp(28px, 5vw, 72px) 24px 0 !important;
	text-align: center; pointer-events: none;
}
.gm-hero__text > * { pointer-events: auto; }
.gm-hero__title {
	margin: 0 !important;
	transform: rotate(-4deg);
	text-shadow: 6px 6px 0 var(--wp--preset--color--accent);
	letter-spacing: 2px;
}
.gm-hero__tag {
	display: inline-block;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800; letter-spacing: 3px; text-transform: uppercase;
	font-size: clamp(14px, 1.6vw, 20px);
	padding: 10px 18px; margin-top: 28px !important;
	transform: rotate(2deg);
}

/* ---------- Plėšyti kraštai ---------- */
.gm-torn-bottom, .gm-torn-top { position: relative; }
.gm-torn-bottom::after, .gm-torn-top::before {
	content: ""; position: absolute; left: 0; right: 0; height: 30px; z-index: 2;
	background: inherit; pointer-events: none;
	-webkit-mask: var(--gm-torn) center / 100% 100% no-repeat;
	mask: var(--gm-torn) center / 100% 100% no-repeat;
}
.gm-torn-bottom::after { bottom: -29px; --gm-torn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 30' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V10L1400 18 1352 8 1300 22 1240 10 1188 20 1130 6 1072 18 1010 12 950 24 890 8 830 20 772 10 712 22 650 8 592 18 530 10 470 24 410 8 350 18 292 12 232 22 172 8 112 20 56 10 0 18Z'/%3E%3C/svg%3E"); }
.gm-torn-top::before { top: -29px; --gm-torn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30V12L56 20 112 10 172 22 232 8 292 18 350 12 410 22 470 6 530 20 592 12 650 22 712 8 772 20 830 10 890 22 950 6 1010 18 1072 12 1130 24 1188 10 1240 20 1300 8 1352 22 1400 12 1440 20V30Z'/%3E%3C/svg%3E"); }

/* ---------- Ženkleliai ---------- */
.gm-tags { gap: 8px !important; }
.gm-tag {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800; font-size: 12px !important; letter-spacing: 1.5px; text-transform: uppercase;
	padding: 2px 8px; border: 2px solid currentColor; margin: 0 !important; line-height: 1.6;
}
.gm-tag--free { background: var(--wp--preset--color--sage); border-color: var(--wp--preset--color--sage); color: var(--wp--preset--color--ink); }
.gm-tag--paid { background: var(--wp--preset--color--accent); border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--ink); }

/* ---------- Renginių sąrašas ---------- */
.gm-events { border-top: 3px solid var(--wp--preset--color--ink); gap: 0 !important; }
.gm-event {
	border-bottom: 3px solid var(--wp--preset--color--ink);
	padding: 24px 0; gap: 24px !important; margin: 0 !important;
}
.gm-event.is-featured { background: var(--wp--preset--color--sand); padding-left: 24px; padding-right: 24px; }
.gm-event__date { width: 96px; text-align: center; font-family: var(--wp--preset--font-family--display); line-height: 1; gap: 4px !important; }
.gm-event__date .gm-day { font-size: 52px; margin: 0; }
.gm-event__date .gm-month { font-size: 18px; letter-spacing: 2px; margin: 0; }
.gm-event__body { flex: 999 1 320px; min-width: 0; gap: 6px !important; }
.gm-event__body h3 { margin: 0; }
.gm-meta { font-size: 14px !important; color: var(--wp--preset--color--muted); margin: 0 !important; }
.has-ink-background-color .gm-meta, .has-pine-background-color .gm-meta { color: #CFC8B6; }

/* ---------- Maršrutai ---------- */
.gm-filter { gap: 10px !important; }
.gm-filter .wp-block-button__link { min-height: 44px; font-size: 13px; box-shadow: none; padding: 10px 16px; }
.gm-routes { border: 3px solid var(--wp--preset--color--paper); gap: 0 !important; }
.gm-route { padding: 24px; gap: 14px !important; border-right: 3px solid var(--wp--preset--color--paper); }
.gm-route:last-child { border-right: 0; }
.gm-route svg { display: block; width: 100%; height: 70px; }
.gm-route h3 { margin: 0; }
.gm-stats { gap: 18px !important; font-size: 14px; }
.gm-stats p { margin: 0; }
.gm-stats strong { font-family: var(--wp--preset--font-family--display); font-weight: 400; font-size: 26px; }
@media (max-width: 781px) { .gm-route { border-right: 0; border-bottom: 3px solid var(--wp--preset--color--paper); } .gm-route:last-child { border-bottom: 0; } }

/* ---------- Parduotuvė ---------- */
.gm-product .wp-block-image img, .gm-placeholder {
	aspect-ratio: 4 / 5; object-fit: cover; width: 100%;
	border: 3px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--sand);
}
.gm-placeholder { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13px; color: var(--wp--preset--color--muted); padding: 16px; box-sizing: border-box; }
.gm-product__row { justify-content: space-between; font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: 18px; text-transform: uppercase; }
.gm-product__row p { margin: 0; }

/* ---------- Apie ---------- */
.gm-photo-tilt { transform: rotate(-1.5deg); box-shadow: 10px 10px 0 var(--wp--preset--color--ink); border: 3px solid var(--wp--preset--color--ink); }
.gm-photo-tilt.gm-placeholder { aspect-ratio: 3 / 2; background: var(--wp--preset--color--pine); color: var(--wp--preset--color--sand); }

/* ---------- Partneriai ---------- */
.gm-logo-slot { width: 160px; height: 64px; border: 2px dashed var(--wp--preset--color--ink); display: flex; align-items: center; justify-content: center; font-size: 13px; margin: 0 !important; }

/* ---------- Poraštė ---------- */
.gm-footer a { color: var(--wp--preset--color--paper); }
.gm-footer .gm-col p { margin: 0; }
.gm-footer .gm-col strong { font-family: var(--wp--preset--font-family--heading); letter-spacing: 1.5px; text-transform: uppercase; }

/* ---------- Registracijos / prekės blokai (WooCommerce, vėliau) ---------- */
.gm-box { background: var(--wp--preset--color--sand); border: 3px solid var(--wp--preset--color--ink); box-shadow: 10px 10px 0 var(--wp--preset--color--ink); padding: 28px; }

/* ---------- Sekcijos ---------- */
.gm-section { padding-block: var(--wp--preset--spacing--60) !important; }
.gm-section-sm { padding-block: var(--wp--preset--spacing--50) !important; }
.gm-section > .alignwide + .alignwide { margin-block-start: var(--wp--preset--spacing--40); }
.gm-bordered { border-block: 3px solid var(--wp--preset--color--ink); }
.gm-header { padding-block: 16px !important; position: relative; z-index: 5; }
.gm-header__nav { gap: 28px !important; }
.gm-main { margin: 0 !important; }
.gm-page { padding-block: var(--wp--preset--spacing--50) !important; }

/* 0.1.1 pataisymai */
.gm-main > * { margin-block: 0 !important; }
.gm-footer { margin-top: 30px !important; }
.gm-footer .wp-block-site-title { text-transform: uppercase; }