/*
Theme Name: ADAMEX
Theme URI: https://adamex.waw.pl/
Description: Lekki motyw blokowy (Full Site Editing) dla ADAMEX – producenta opakowań z tektury. Bez page buildera, wygląd definiowany w theme.json, sekcje w klasach adx-*.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adamex
*/

/* ==========================================================================
   Podstawy
   ========================================================================== */

:root {
	--adx-radius: 10px;
	--adx-shadow: 0 18px 40px -22px rgba(43, 34, 25, 0.45);
	--adx-section: clamp(3rem, 8vw, 5.5rem);
}

html { scroll-behavior: smooth; scroll-padding-top: 88px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

img { height: auto; }

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

.skip-link.screen-reader-text:focus {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

/* Placeholder treści do uzupełnienia – widoczny celowo */
.adx-todo {
	display: inline;
	background: #FFF3C4;
	color: #5C4400;
	border: 1px dashed #B08A12;
	border-radius: 4px;
	padding: 0.05em 0.35em;
	font-size: 0.85em;
	font-weight: 600;
}

/* Sekcje – stykają się bez odstępu (tła sekcji tworzą rytm strony) */
.adx-section { padding-top: var(--adx-section); padding-bottom: var(--adx-section); }
.wp-block-post-content > .adx-section,
.wp-block-post-content > .adx-cta { margin-block-start: 0; margin-block-end: 0; }
.adx-section.has-kraft-50-background-color + .adx-section.has-kraft-50-background-color { padding-top: 0; }

.adx-eyebrow {
	font-size: 0.8rem !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--wp--preset--color--kraft-700);
	margin-bottom: 0.25rem !important;
}
.adx-lead { font-size: 1.15rem; color: var(--wp--preset--color--contrast-2); max-width: 40rem; }
.adx-muted { color: var(--wp--preset--color--contrast-2); }

.adx-section-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.adx-section-head > * { margin: 0; }

/* Przycisk konturowy */
.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 2px solid var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--contrast);
	background: transparent;
	padding: calc(0.9rem - 2px) calc(1.4rem - 2px);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:focus {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}
.wp-block-button__link { min-height: 48px; display: inline-flex; align-items: center; }

/* ==========================================================================
   Nagłówek i stopka
   ========================================================================== */

.adx-topbar {
	background: var(--wp--preset--color--dark);
	color: var(--wp--preset--color--kraft-200);
	font-size: 0.875rem;
}
.adx-topbar a { color: var(--wp--preset--color--kraft-200); text-decoration: none; }
.adx-topbar a:hover { color: var(--wp--preset--color--white); text-decoration: underline; }
.adx-topbar p { margin: 0; }
@media (max-width: 640px) { .adx-topbar-hours { display: none; } }

.adx-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255, 253, 249, 0.97);
	border-bottom: 1px solid var(--wp--preset--color--kraft-200);
}
.admin-bar .adx-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .adx-header { top: 0; } }

.adx-brand { gap: 0.15rem !important; }
.adx-brand .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.adx-brand .wp-block-site-tagline {
	font-size: 0.68rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--kraft-700);
	margin: 0;
}

.adx-header .wp-block-navigation a { text-decoration: none; }
.adx-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }
.adx-header .wp-block-navigation__responsive-container-open,
.adx-header .wp-block-navigation__responsive-container-close {
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
}
.adx-header .wp-block-navigation__responsive-container-open {
	border: 1px solid var(--wp--preset--color--kraft-200);
	border-radius: var(--adx-radius);
}
.adx-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.5rem 16px;
	background: var(--wp--preset--color--base);
}
.adx-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.adx-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: flex-start !important;
	gap: 1.1rem;
}
.adx-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	font: 700 1.5rem/1.2 var(--wp--preset--font-family--heading);
}
.adx-header-cta { display: none !important; }
@media (min-width: 960px) {
	.adx-header-cta { display: flex !important; }
	.adx-header .adx-nav-cta { display: none !important; }
}
.adx-header .is-menu-open .adx-nav-cta a { color: var(--wp--preset--color--accent); font-weight: 700; }
/* Menu poziome dopiero od 960 px (domyślnie WP przełącza przy 600 px) */
@media (min-width: 600px) and (max-width: 959px) {
	.adx-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.adx-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}

.adx-footer { background: var(--wp--preset--color--dark); color: var(--wp--preset--color--kraft-200); font-size: 0.95rem; }
.adx-footer a { color: var(--wp--preset--color--kraft-200); }
.adx-footer a:hover { color: var(--wp--preset--color--white); }
.adx-footer h2, .adx-footer h3 { color: var(--wp--preset--color--base); }
.adx-footer .wp-block-site-title a { color: var(--wp--preset--color--base); text-decoration: none; }
.adx-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.4rem; }
.adx-footer-bottom { border-top: 1px solid #4A3B2C; font-size: 0.85rem; }

/* ==========================================================================
   Hero
   ========================================================================== */

.adx-hero { background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--kraft-50) 100%); }
.adx-hero h1 { margin-top: 0.4rem; }
.adx-hero h1 mark { background: none; color: var(--wp--preset--color--accent); }
.adx-hero-img img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 14px;
	box-shadow: var(--adx-shadow);
}
@media (min-width: 782px) { .adx-hero-img img { aspect-ratio: 5 / 4; } }
.adx-rounded img { border-radius: var(--adx-radius); }

.adx-badges { list-style: none; padding: 0 !important; margin: 0; display: flex; flex-wrap: wrap; gap: 0.6rem; }
.adx-badges li {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--kraft-200);
	border-radius: 999px;
	padding: 0.45rem 0.9rem;
	font-size: 0.9rem;
	font-weight: 500;
}
.adx-badges strong { color: var(--wp--preset--color--accent); }

/* ==========================================================================
   Karty (przewagi) z ikonami
   ========================================================================== */

.adx-cards { gap: 1.25rem !important; }
.adx-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--kraft-200);
	border-radius: var(--adx-radius);
	padding: 1.5rem !important;
	height: 100%;
}
.wp-block-column > .adx-card { height: auto; }
.adx-card h3 { margin: 0 0 0.5rem; }
.adx-card p { margin: 0; color: var(--wp--preset--color--contrast-2); }
.adx-card[class*="adx-ico-"]::before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	margin-bottom: 1rem;
	border-radius: 10px;
	border: 1px solid var(--wp--preset--color--kraft-200);
	background-color: var(--wp--preset--color--kraft-50);
	background-image: var(--adx-ico);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
}
/* Ikony: proste SVG w kolorze akcentu (#1E5B3A) */
.adx-ico-ruler { --adx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E5B3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17 17 3l4 4L7 21z'/%3E%3Cpath d='m7 13 2 2M10 10l2 2M13 7l2 2'/%3E%3C/svg%3E"); }
.adx-ico-factory { --adx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E5B3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V10l6 4v-4l6 4V5h4v16z'/%3E%3Cpath d='M7 17h2M12 17h2'/%3E%3C/svg%3E"); }
.adx-ico-print { --adx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E5B3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Crect x='3' y='9' width='18' height='8' rx='2'/%3E%3Cpath d='M6 14h12v7H6z'/%3E%3C/svg%3E"); }
.adx-ico-box { --adx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E5B3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E"); }
.adx-ico-phone { --adx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E5B3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E"); }
.adx-ico-mail { --adx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E5B3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.adx-ico-pin { --adx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E5B3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
.adx-ico-clock { --adx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E5B3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }

/* ==========================================================================
   Kafelki oferty
   ========================================================================== */

.adx-tiles { display: grid !important; gap: 1.25rem; grid-template-columns: 1fr; }
@media (min-width: 640px) { .adx-tiles { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .adx-tiles { grid-template-columns: repeat(3, 1fr); } }
.adx-tiles > * { margin: 0 !important; }
.adx-tile {
	position: relative;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--kraft-200);
	border-radius: var(--adx-radius);
	overflow: hidden;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	gap: 0 !important;
}
.adx-tile:hover { transform: translateY(-3px); box-shadow: var(--adx-shadow); }
@media (prefers-reduced-motion: reduce) { .adx-tile, .adx-tile:hover { transition: none; transform: none; } }
.adx-tile .wp-block-image { margin: 0; }
.adx-tile .wp-block-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.adx-tile-body { padding: 1.25rem 1.25rem 1.4rem !important; }
.adx-tile-body h3 { margin: 0 0 0.5rem; }
.adx-tile-body p { margin: 0 0 0.8rem; color: var(--wp--preset--color--contrast-2); font-size: 0.97rem; }
.adx-tile-body .adx-more { margin: 0; font-weight: 600; }
.adx-tile-body .adx-more a { text-decoration: none; }
/* cały kafelek klikalny (link „Szczegóły” rozciągnięty na kafelek) */
.adx-tile-body .adx-more a::after { content: ""; position: absolute; inset: 0; }

/* ==========================================================================
   Proces
   ========================================================================== */

.adx-steps { counter-reset: adx-step; display: grid !important; gap: 1.25rem; grid-template-columns: 1fr; }
@media (min-width: 640px) { .adx-steps { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .adx-steps { grid-template-columns: repeat(4, 1fr); } }
.adx-steps > * { margin: 0 !important; }
.adx-step {
	counter-increment: adx-step;
	position: relative;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--kraft-200);
	border-radius: var(--adx-radius);
	padding: 1.4rem 1.4rem 1.4rem 4.6rem !important;
}
.adx-step::before {
	content: counter(adx-step);
	position: absolute;
	left: 1.2rem;
	top: 1.2rem;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--white);
	display: grid;
	place-items: center;
	font: 800 1.1rem/1 var(--wp--preset--font-family--heading);
}
.adx-step h3 { margin: 0 0 0.35rem; }
.adx-step p { margin: 0; color: var(--wp--preset--color--contrast-2); }

/* ==========================================================================
   Galeria, pasek CTA
   ========================================================================== */

.adx-gallery.wp-block-gallery img { border-radius: 8px; }

.adx-cta { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--white); }
.adx-cta h2 { color: var(--wp--preset--color--white); margin: 0; }
.adx-cta p { margin: 0.4rem 0 0; }
.adx-cta .wp-block-button__link { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); }
.adx-cta .wp-block-button__link:hover,
.adx-cta .wp-block-button__link:focus { background: var(--wp--preset--color--kraft-50); color: var(--wp--preset--color--contrast); }

/* ==========================================================================
   Oferta (podstrona)
   ========================================================================== */

.adx-product { border-top: 1px solid var(--wp--preset--color--kraft-200); padding-top: 2.5rem; margin-top: 2.5rem !important; }
.adx-product:first-of-type { border-top: 0; margin-top: 0 !important; padding-top: 0; }
.adx-product .wp-block-image img { border-radius: var(--adx-radius); width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.adx-product ul { padding-left: 1.2rem; }
.adx-product li::marker { color: var(--wp--preset--color--accent); }

/* ==========================================================================
   Kontakt i mapa
   ========================================================================== */

.adx-contact-list { display: grid; gap: 1.1rem; }
.adx-contact-item { display: grid; grid-template-columns: 48px 1fr; gap: 0 1rem; align-items: start; }
.adx-contact-item::before { margin: 0 !important; grid-row: span 2; }
.adx-contact-item.adx-card { padding: 0 !important; border: 0; background: none; }
.adx-contact-item p { margin: 0; color: var(--wp--preset--color--contrast); }
.adx-contact-item .adx-label {
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--kraft-700);
}
.adx-contact-item a { color: var(--wp--preset--color--contrast); font-weight: 600; }

.adx-map {
	position: relative;
	min-height: 340px;
	height: 100%;
	border-radius: var(--adx-radius);
	border: 1px solid var(--wp--preset--color--kraft-200);
	overflow: hidden;
	background:
		linear-gradient(0deg, rgba(255, 253, 249, 0.6), rgba(255, 253, 249, 0.6)),
		repeating-linear-gradient(35deg, #E8DCC6 0 2px, transparent 2px 46px),
		repeating-linear-gradient(-55deg, #E8DCC6 0 2px, transparent 2px 60px),
		#F1E7D6;
	display: grid;
	place-items: center;
	text-align: center;
	padding: 1.5rem;
}
.adx-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.adx-map-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; margin-top: 1rem; }
.adx-map button {
	font: 600 1rem/1.1 var(--wp--preset--font-family--body);
	padding: 0.9rem 1.4rem;
	min-height: 48px;
	border-radius: var(--adx-radius);
	border: 0;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--white);
	cursor: pointer;
}
.adx-map button:hover { background: var(--wp--preset--color--accent-dark); }
.adx-map small { display: block; margin-top: 0.75rem; color: var(--wp--preset--color--contrast-2); }

/* ==========================================================================
   Formularz wyceny (Contact Form 7)
   ========================================================================== */

.adx-form {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--kraft-200);
	border-radius: 14px;
	padding: clamp(1.25rem, 4vw, 2rem) !important;
}
.wpcf7-form fieldset { border: 0; padding: 0; margin: 0 0 1.5rem; display: grid; gap: 1rem; min-width: 0; }
.wpcf7-form legend { font: 700 1.1rem/1.2 var(--wp--preset--font-family--heading); margin-bottom: 0.6rem; padding: 0; }
.adx-row { display: grid; gap: 1rem; }
@media (min-width: 640px) {
	.adx-row.adx-r2 { grid-template-columns: 1fr 1fr; }
	.adx-row.adx-r3 { grid-template-columns: repeat(3, 1fr); }
}
.wpcf7-form label { display: grid; gap: 0.35rem; font-weight: 500; font-size: 0.95rem; }
.wpcf7-form .wpcf7-form-control-wrap { display: block; }
.wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.wpcf7-form select,
.wpcf7-form textarea {
	width: 100%;
	font: inherit;
	padding: 0.75rem 0.85rem;
	border: 1px solid #A8916C;
	border-radius: 8px;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--contrast);
	min-height: 48px;
}
.wpcf7-form textarea { min-height: 120px; resize: vertical; }
.wpcf7-form input[type="file"] { padding: 0.6rem; background: var(--wp--preset--color--kraft-50); }
.wpcf7-form .adx-radio-label { font-weight: 500; font-size: 0.95rem; margin: 0 0 0.35rem; }
.wpcf7-form .wpcf7-radio { display: flex; gap: 1.25rem; flex-wrap: wrap; min-height: 48px; align-items: center; }
.wpcf7-form .wpcf7-list-item { margin: 0; }
.wpcf7-form .wpcf7-list-item label { display: inline-flex; gap: 0.45rem; align-items: center; font-weight: 400; }
.wpcf7-form .wpcf7-acceptance label { display: flex; gap: 0.6rem; align-items: flex-start; font-weight: 400; font-size: 0.9rem; color: var(--wp--preset--color--contrast-2); }
.wpcf7-form .wpcf7-acceptance input { margin-top: 0.3rem; width: 18px; height: 18px; flex: none; }
.wpcf7-form .adx-hint { font-size: 0.85rem; color: var(--wp--preset--color--contrast-2); margin: 0; }
.wpcf7-form input[type="submit"] {
	font: 600 1rem/1.1 var(--wp--preset--font-family--body);
	padding: 0.9rem 1.6rem;
	min-height: 48px;
	border: 0;
	border-radius: var(--adx-radius);
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--white);
	cursor: pointer;
}
.wpcf7-form input[type="submit"]:hover { background: var(--wp--preset--color--accent-dark); }
.wpcf7-not-valid-tip { color: #A12C1B; font-size: 0.85rem; font-weight: 500; }
.wpcf7 form .wpcf7-response-output { border-radius: 8px; margin: 1rem 0 0; padding: 0.8rem 1rem; }

/* Polityki – czytelna szerokość, numeracja nagłówków */
.adx-legal h2 { font-size: 1.4rem; margin-top: 2.2rem; }