/*
 * Icon Fitness brand layer for the eshop wizard.
 *
 * Loaded AFTER custom_wizard.css by the wizard templates
 * (template-parts/eshop/*.php + template-parts/payments.php), which also add
 * class "eshop-brand" to <body>. Every rule is prefixed with body.eshop-brand
 * so this file wins over custom_wizard.css and header.php styles without
 * touching them. Brand source: iconfitness.gr (theme "icon").
 *
 * Palette: black #1D1D1D on white, mint accent #B1FBEE (dark text ONLY on
 * mint - never white), muted grey #5A5A5E. Font: Geologica (variable,
 * self-hosted - same files as the main site).
 */

@font-face {
	font-family: "Geologica";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/wp-content/themes/holmes/fonts/geologica-greek.woff2") format("woff2");
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
	font-family: "Geologica";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/wp-content/themes/holmes/fonts/geologica-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Geologica";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/wp-content/themes/holmes/fonts/geologica-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Typography ---------- */

/* Wizard content, step bar, summary sidebar and the datepicker (attached to
   <body>). Font Awesome <i> tags are replaced with SVGs by the FA JS kit, so
   a blanket font-family here cannot break the icons. */
body.eshop-brand main#primary,
body.eshop-brand main#primary *,
body.eshop-brand .jo-nav,
body.eshop-brand .jo-nav *,
body.eshop-brand #ui-datepicker-div,
body.eshop-brand #ui-datepicker-div * {
	font-family: "Geologica", sans-serif;
}

body.eshop-brand .jo_header h2,
body.eshop-brand .club_group > h3,
body.eshop-brand .club_cards_title {
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* ---------- Buttons: black pills, mint hover (main-site style) ---------- */

body.eshop-brand .button_bl,
body.eshop-brand .promotion-code div.btn,
body.eshop-brand #clear-signature,
body.eshop-brand #refresh-qrcode,
body.eshop-brand .summary_continue_btn,
body.eshop-brand .summary_paynow_btn {
	border-radius: 61px;
	font-weight: 600;
}

body.eshop-brand .button_bl:hover,
body.eshop-brand .promotion-code div.btn:hover {
	background-color: #B1FBEE;
	border-color: #B1FBEE;
	color: #1D1D1D;
}

/* Paid boxes stay semantic green; joinfee/disabled states keep their rules. */

body.eshop-brand .promotion-code div.btn,
body.eshop-brand #clear-signature,
body.eshop-brand #refresh-qrcode {
	background-color: #1D1D1D;
	color: #ffffff;
}

body.eshop-brand .club_card_btn {
	border-radius: 61px;
}

/* Prev / reset arrows of the wizard slider: gold -> black. */
body.eshop-brand .jo-arrow-prev,
body.eshop-brand .jo-arrow-reset {
	background: #1D1D1D;
	color: #ffffff;
}

body.eshop-brand .jo-arrow-prev:hover,
body.eshop-brand .jo-arrow-reset:hover {
	background: #B1FBEE;
	color: #1D1D1D;
}

/* ---------- Gold accents -> Icon black / mint ---------- */

/* Input focus underline (gold -> black for a clear focus indicator). */
body.eshop-brand input[type=date]:focus,
body.eshop-brand input[type=email]:focus,
body.eshop-brand input[type=password]:focus,
body.eshop-brand input[type=text]:focus,
body.eshop-brand input[type=tel]:focus,
body.eshop-brand select:focus,
body.eshop-brand textarea:focus {
	border-bottom: 2px solid #1D1D1D;
}

/* Datepicker day hover (gold text -> black). */
body.eshop-brand .days_table td center.hovered,
body.eshop-brand .days_table td center:hover {
	color: #1D1D1D;
}

/* Hero border on the join-online header. */
body.eshop-brand .join-online-image-header .hero_text {
	border-color: #B1FBEE;
}

/* Misc gold buttons in flows outside the main path. */
body.eshop-brand .add_direct_debit,
body.eshop-brand .add_new_child,
body.eshop-brand .child_summary .column .edit_child,
body.eshop-brand .child_summary .column .remove_child,
body.eshop-brand .confirmation-block .button_primary,
body.eshop-brand .debit_summary .column .edit_debit,
body.eshop-brand .debit_summary .column .remove_debit,
body.eshop-brand .in_club div,
body.eshop-brand .summary_continue button {
	background: #1D1D1D;
	color: #ffffff;
	border-radius: 61px;
}

/* Loader ripple (gold ring -> black). */
body.eshop-brand .lds-ripple div {
	border-color: #1D1D1D;
}

/* Summary club underline (gold -> mint). */
body.eshop-brand .summary_location {
	border-bottom: solid 2px #B1FBEE;
}

/* Cart counter bubble: mint with dark text. */
body.eshop-brand .cartCounter {
	background-color: #B1FBEE;
	color: #1D1D1D;
}

/* Days popup on add-on boxes (services step): gold -> black. */
body.eshop-brand .popup_days {
	background-color: #1D1D1D;
}

/* "First pay the joining fee" header message (gold -> black). */
body.eshop-brand .headermessage {
	color: #1D1D1D;
}

/* Gift icon on service boxes (gold -> black; mint is too light on grey). */
body.eshop-brand .giftIcon {
	color: #1D1D1D;
}

body.eshop-brand .giftIcon:hover {
	box-shadow: 0 1px 15px #B1FBEE;
}

body.eshop-brand .giftIcon.white {
	color: #ffffff;
}

/* Cache-busted, recolored (black) location/arrow icons; the un-versioned URLs
   in custom_wizard.css are stuck gold in the Cloudflare edge cache. */
body.eshop-brand .jo-location-input a.jo-geolocation {
	background-image: url(/wp-content/themes/holmes/assets/images/gold-location.svg?v=2);
}

body.eshop-brand .jo-location-input a.jo-submit-autocomplete {
	background-image: url(/wp-content/themes/holmes/assets/images/gold-right-arrow.svg?v=2);
}