/*
 * Icon Fitness brand layer for the WHOLE site (phase 2).
 *
 * Linked from header.php just before </head>, on every page; header.php also
 * adds the body class via body_class('icon-brand'). Rules are prefixed with
 * body.icon-brand. The eshop wizard additionally loads eshop-brand.css for
 * wizard-specific rules; this file carries what is shared site-wide.
 *
 * Palette (from iconfitness.gr): black #1D1D1D on white, mint accent #B1FBEE
 * (dark text ONLY on mint - never white), muted grey #5A5A5E.
 * Font: Geologica variable, self-hosted in /fonts (same files as 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: Geologica everywhere ---------- */

/* !important so it also beats per-element font-family rules and inline styles
   (Neutraface2Text / NewPanamSkyline / Open Sans). Font Awesome icons are
   rendered as inline SVGs by the FA JS kit, so this cannot break them. */
body.icon-brand,
body.icon-brand * {
	font-family: "Geologica", sans-serif !important;
}

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

body.icon-brand .button_bl {
	border-radius: 61px;
	font-weight: 600;
}

body.icon-brand .button_bl:hover {
	background-color: #B1FBEE;
	border-color: #B1FBEE;
	color: #1D1D1D;
}

/* ---------- Accent: theme gold -> mint (dark surfaces) ---------- */

body.icon-brand .themefontcolor {
	color: #B1FBEE !important;
}