/**
 * Astra bridge
 *
 * Το Astra παίρνει ΟΛΕΣ τις οπτικές τιμές του από τα tokens μας.
 * Οι ρυθμίσεις χρωμάτων/γραμματοσειρών του Customizer ΔΕΝ είναι πηγή αλήθειας:
 * για αλλαγή εμφάνισης αλλάζουμε μόνο τα tokens.
 *
 * Φορτώνεται μετά το CSS του Astra (inc/enqueue.php), γι' αυτό οι ίδιοι selectors υπερισχύουν.
 *
 * Global palette του Astra 4.13:
 *   0 Brand → primary                  1 Alternate Brand → primary-dark
 *   2 Headings → heading               3 Text → text
 *   4 Primary Background → surface     5 Secondary Background → background
 *   6 Alternate Background → primary-dark
 *   7 Subtle Background / borders → border
 *   8 Other Supporting → text-muted
 */

:root {
	--ast-global-color-0: var(--color-primary);
	--ast-global-color-1: var(--color-primary-dark);
	--ast-global-color-2: var(--color-heading);
	--ast-global-color-3: var(--color-text);
	--ast-global-color-4: var(--color-surface);
	--ast-global-color-5: var(--color-background);
	--ast-global-color-6: var(--color-primary-dark);
	--ast-global-color-7: var(--color-border);
	--ast-global-color-8: var(--color-text-muted);
	--ast-border-color: var(--color-border);

	--ast-body-line-height: var(--lh-body);
	--ast-normal-container-width: var(--container-main);
	--ast-narrow-container-width: var(--container-text);
	--wp--custom--ast-container-width: var(--container-main);
	--wp--custom--ast-content-width-size: var(--container-main);
	--wp--custom--ast-wide-width-size: var(--container-wide);
}

/* Φόντο σελίδας (§1) */
body,
.ast-plain-container,
.ast-page-builder-template,
.ast-separate-container {
	background-color: var(--color-background);
}

/* Τυπογραφία (§2–§4) — ίδιοι selectors με το Astra */
body,
button,
input,
select,
textarea,
.ast-button,
.ast-custom-button {
	font-family: var(--font-primary);
	font-weight: var(--fw-regular);
	font-size: var(--fs-body);
	line-height: var(--lh-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-content :where(h1, h2, h3, h4, h5, h6),
.site-title,
.site-title a {
	font-family: var(--font-primary);
}

h1,
.entry-content :where(h1) {
	font-size: var(--fs-h1);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
}

h2,
.entry-content :where(h2) {
	font-size: var(--fs-h2);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
}

h3,
.entry-content :where(h3) {
	font-size: var(--fs-h3);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading);
}

h4,
.entry-content :where(h4) {
	font-size: var(--fs-h4);
	font-weight: var(--fw-semibold);
	line-height: var(--lh-heading);
}

h5,
.entry-content :where(h5) {
	font-size: var(--fs-h5);
	font-weight: var(--fw-semibold);
	line-height: var(--lh-heading);
}

h6,
.entry-content :where(h6) {
	font-size: var(--fs-h6);
	font-weight: var(--fw-semibold);
	line-height: var(--lh-heading);
}

/* Container (§6): πλάτος περιεχομένου + side padding ανά συσκευή */
.ast-container {
	max-width: calc(var(--container-main) + (2 * var(--container-padding)));
	padding-inline: var(--container-padding);
}

/* Κουμπιά Astra / WordPress (§9): σχήμα και τυπογραφία από tokens */
.ast-button,
.ast-custom-button,
.button,
input#submit,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-block-button .wp-block-button__link,
.wp-element-button {
	min-height: var(--btn-height);
	border-radius: var(--radius-button);
	font-family: var(--font-primary);
	font-size: var(--fs-button);
	font-weight: var(--fw-semibold);
	line-height: var(--lh-button);
	transition: background-color var(--transition-default), color var(--transition-default), border-color var(--transition-default);
}