/*
 * Luca De Matteis — local typography patch v1.3.0
 *
 * Figtree     = body / UI / menu / metadata
 * Basote      = headings / display
 * Oooh Baby   = decorative class .ooohbaby only
 */


/* =========================================================
   FIGTREE
   ========================================================= */

@font-face {
	font-family: 'Figtree';
	src: url('../fonts/text/Figtree-Regular.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}


/* =========================================================
   BASOTE
   ========================================================= */

@font-face {
	font-family: 'Basote';
	src: url('../fonts/text/Basote.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

/* Legacy alias: Gillion may still reference Sora for headings. */
@font-face {
	font-family: 'Sora';
	src: url('../fonts/text/Basote.woff2') format('woff2');
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
}


/* =========================================================
   OOOH BABY — REAL LOCAL FONT
   ========================================================= */

@font-face {
	font-family: 'Oooh Baby';
	src: url('../fonts/text/OoohBaby-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}


/* =========================================================
   GLOBAL BODY TYPOGRAPHY
   ========================================================= */

html body {
	font-family: 'Figtree', Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.35em;
}

button,
input,
select,
textarea {
	font-family: 'Figtree', Arial, sans-serif;
}


/* =========================================================
   HEADINGS
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.sh-titlebar .titlebar-title,
.post-title,
.blog-list-title,
.sh-blog-single-meta h1 {
	font-family: 'Basote', 'Arial Narrow', Arial, sans-serif !important;
	font-weight: 400 !important;
}


/* =========================================================
   DECORATIVE FONT
   ========================================================= */

.ooohbaby {
	font-family: 'Oooh Baby', cursive !important;
	font-weight: 400 !important;
}


/* =========================================================
   GILLION GENERIC UI / MENU / META
   Force these legacy Sora areas back to Figtree.
   ========================================================= */

.post-meta,
.post-categories,
.post-switch-item-right,
.sh-read-later-review-score,
.sh-nav li.menu-item a,
.sh-nav-container li.menu-item a,
.sh-comment-date a,
.post-button .post-button-text,
.widget_categories li,
.sh-dropcaps,
.sh-dropcaps-full-square,
.sh-dropcaps-full-square-border,
.sh-dropcaps-full-square-tale,
.sh-dropcaps-square-border,
.sh-dropcaps-square-border2,
.sh-dropcaps-circle,
.comment-body .reply,
.sh-comment-form label,
blockquote,
blockquote:after,
.post-review-score,
.sh-comment-author a,
.sh-header-top .sh-nav li.menu-item a,
.post-quote-link-content p,
.instagram-post-overlay-container,
.widget_categories li .count,
.sh-login-popup,
.widget-learn-more,
.gillion-woocommerce ul.products li.product,
.gillion-woocommerce div.product div.summary > *:not(.woocommerce-product-details__short-description),
.gillion-woocommerce div.product .woocommerce-tabs ul.tabs li a,
.gillion-woocommerce #review_form,
.gillion-woocommerce .widget_shopping_cart .cart_list > li > a:not(.remove),
.gillion-woocommerce .widget_shopping_cart .total,
.gillion-woocommerce .woocommerce-MyAccount-navigation ul li,
.gillion-woocommerce table thead,
body.woocommerce-account.woocommerce-page:not(.woocommerce-edit-address) .woocommerce-MyAccount-content > p,
.gillion-woocommerce .woocommerce .button,
.gillion-woocommerce #coupon_code,
.sh-instagram-widget-with-button .null-instagram-feed .clear a,
.sh-post-title-font {
	font-family: 'Figtree', Arial, sans-serif !important;
}


/* Explicit header menu safeguard. */
.sh-nav li.menu-item a,
.sh-nav-container li.menu-item a,
.sh-header-top .sh-nav li.menu-item a {
	font-family: 'Figtree', Arial, sans-serif !important;
	font-weight: 400;
}
