/* ==========================================================================
   AtrakcjeDlaDzieci — design tokens
   One source of truth for colour, type and spacing. Every component reads
   these variables; change a value here and it propagates everywhere.
   ========================================================================== */

:root {
	/* Brand */
	--adz-green:      #3FA34D;
	--adz-green-d:    #2E7D3B;
	--adz-green-dd:   #1F5C2B;
	--adz-orange:     #F5893B;
	--adz-orange-d:   #E0762B;
	--adz-blue:       #2B6FA3;
	--adz-ink:        #22343C;
	--adz-muted:      #5C6B63;
	--adz-faint:      #8AA091;

	/* Surfaces & lines */
	--adz-bg:         #FFFFFF;
	--adz-bg-soft:    #F5FAF4;
	--adz-line:       #E4EDE4;
	--adz-mint:       #DFF2E2;
	--adz-sand:       #FBEFD3;
	--adz-sky:        #DCEEF7;

	/* Type */
	--adz-font-head:  "Baloo 2", "Trebuchet MS", system-ui, sans-serif;
	--adz-font-body:  "Nunito Sans", Verdana, system-ui, sans-serif;

	/* Radii & shadow */
	--adz-r-sm: 12px;
	--adz-r:    18px;
	--adz-r-lg: 22px;
	--adz-shadow: 0 12px 34px rgba(34, 52, 60, .10);

	/* Layout */
	--adz-maxw: 1180px;
}

/* --- Light ListingHive recolour ---------------------------------------------
   ListingHive's accent is set in the Customizer (currently orange #ff5a1f).
   The cleanest global recolour is to change the Customizer "Primary colour"
   to #2E7D3B and "Secondary" to #F5893B. Until then, these rules recolour the
   most visible parent elements so the site reads as the brand immediately.
   They are deliberately conservative to avoid fighting the parent everywhere.
--------------------------------------------------------------------------- */

/* !important is deliberate here: ListingHive's Customizer prints inline
   font rules (Poppins / Open Sans) after enqueued styles, and would win. */
body {
	font-family: var(--adz-font-body) !important;
	color: var(--adz-ink);
}

h1, h2, h3, h4, h5, h6,
.header-logo__name,
.hp-page__title,
.hp-section__title {
	font-family: var(--adz-font-head) !important;
}
/* Buttons stay in the body face at weight 800 (as in the demos). */
.button, button, input[type="submit"] { font-family: var(--adz-font-body) !important; font-weight: 800; }

/* Shared container (used by footer on every page; home.css reuses it). */
.adz-wrap { max-width: var(--adz-maxw); margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

/* --- Button system ----------------------------------------------------------
   One shape for every filled button on the site: orange pill, 800 weight,
   soft shadow (the header's "Dodaj atrakcję" is the reference). Covers
   ListingHive (.button--primary/--secondary), HivePress forms
   (.hp-form__button), core submit controls and WooCommerce. The `body`
   prefix out-ranks the Customizer's inline colour rules without !important.
--------------------------------------------------------------------------- */
body .button,
body button[type="submit"],
body input[type="submit"],
body .hp-form__button,
body .button--primary,
body .button--secondary,
body .woocommerce a.button,
body .woocommerce button.button,
body .wp-block-button__link {
	background-color: var(--adz-orange);
	color: #fff;
	border: 0;
	border-radius: 999px;
	font-family: var(--adz-font-body);
	font-weight: 800;
	font-size: 15px;
	line-height: 1.2;
	padding: 12px 22px;
	box-shadow: 0 6px 18px rgba(245, 137, 59, .35);
	transition: background-color .15s, transform .15s, box-shadow .15s;
	cursor: pointer;
}
body .button:hover,
body button[type="submit"]:hover,
body input[type="submit"]:hover,
body .hp-form__button:hover,
body .button--primary:hover,
body .button--secondary:hover,
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .wp-block-button__link:hover {
	background-color: var(--adz-orange-d);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(245, 137, 59, .45);
}
body .button:active,
body button[type="submit"]:active,
body .hp-form__button:active { transform: translateY(0); }

/* Quiet variant for secondary actions (outlined pill). Add class "button--ghost". */
body .button--ghost {
	background: #fff; color: var(--adz-ink); border: 1.5px solid var(--adz-line); box-shadow: none;
}
body .button--ghost:hover { border-color: var(--adz-green); color: var(--adz-green-d); background: #fff; transform: none; box-shadow: none; }

/* HivePress search form: fields sit flush inside the rounded card, button as pill. */
.hp-form--listing-search .hp-form__button { padding: 12px 26px; }

/* Links on hover. */
a:hover { color: var(--adz-green-d); }