/*
 Theme Name:   Superfit Ritual
 Theme URI:
 Description:  Child theme of Superfit, designed to visually pair with the Ritual Shopify theme.
               Shares the same color palette (rust/coral accent), typefaces (Chivo headings,
               DM Sans body), uppercase display heading treatment, and sharp-cornered button style.
 Author:
 Template:     superfit
 Version:      1.0.1
 License:      GNU General Public License v2.0
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  superfit-ritual
*/

/* ============================================================
   TYPOGRAPHY — Replace Roboto/Oswald with DM Sans/Chivo
   (Fonts enqueued via functions.php)
   ============================================================ */

body {
    font-family: "DM Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6,
strong, b {
    font-family: "Chivo", sans-serif;
}

/* Uppercase only on display headings H1 + H2.
   Applying it to H3–H5 in a content-dense layout feels overwhelming;
   the Ritual Shopify theme uses it on large hero-scale headings only. */
h1, h2 {
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ============================================================
   PRIMARY COLOR — #c83030 → #c15045 (Ritual rust/coral)
   Covers both the static CSS declarations in the parent and the
   dynamic inline block injected by superfit_apply_color().
   Our stylesheet loads last so it wins at equal specificity.
   ============================================================ */

/* Links */
a {
    color: #c15045;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}

a:hover {
    color: #111111;
    opacity: 0.8;
}

/* Buttons */
input[type="submit"],
button[type="submit"],
.btn,
.comment .comment-reply-link,
#sb_instagram #sbi_load .sbi_load_btn {
    background-color: #c15045;
    border: 1px solid #c15045;
    font-family: "Chivo", sans-serif;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.btn:hover,
.comment .comment-reply-link:hover {
    background-color: #c15045;
    opacity: 0.85;
    color: #fff;
}

/* Active nav item highlight */
#main-navigation ul.navbar-nav > li.current-menu-item > a,
#main-navigation ul.navbar-nav > li.current-menu-parent > a {
    background-color: #c15045;
    color: #fff;
}

/* Mobile hamburger toggle */
#site-header .navbar-default .navbar-toggle {
    background-color: #c15045;
}

/* Dropdown active state */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.top-sec .search-btn:hover {
    color: #c15045;
}

/* Homepage banner title badge */
.home-banner-title {
    background-color: #c15045;
}

/* Homepage section 3 full-bleed background */
#section-3 {
    background-color: #c15045;
}

/* Widget calendar header row */
.widget #wp-calendar caption {
    background: #c15045;
    font-family: "Chivo", sans-serif;
}

/* ============================================================
   NAVIGATION FONT — Chivo (replaces Oswald)
   ============================================================ */

#site-header .navbar-default,
#site-header #logo a,
footer.footer #logo a,
.navbar-default .navbar-nav > li > a,
.footer-nav .navbar-nav > li > a {
    font-family: "Chivo", sans-serif;
}

.navbar-default .navbar-nav > li > a {
    letter-spacing: 0.04em;
}

#site-header #logo a {
    letter-spacing: 0.03em;
}

/* ============================================================
   TYPOGRAPHIC ELEMENTS — Chivo (replaces Oswald)
   ============================================================ */

blockquote,
.pagination .nav-links,
.nav-links,
.breadcrumbs,
.gallery-caption,
.wp-caption-text,
.comment .comment_content ol > li:before,
#masonry .blog-item .entry-content .moretag,
.ias-trigger a {
    font-family: "Chivo", sans-serif;
}

/* ============================================================
   CARD IMAGE HOVER — subtle scale (matches Shopify 1.015×)
   ============================================================ */

.blog-item .page-title-area .featured-img {
    -webkit-transition: transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
}

.blog-item:hover .page-title-area .featured-img {
    -webkit-transform: scale(1.015);
    transform: scale(1.015);
}

.related-posts .related-item img {
    -webkit-transition: transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
}

.related-posts .related-item:hover img {
    -webkit-transform: scale(1.015);
    transform: scale(1.015);
}

/* ============================================================
   SECTION 1 — white fallback background (overrides #222222 default)
   ============================================================ */

#section-1 {
    background-color: #ffffff;
    color: #111111;
}

/* ============================================================
   SECTION TITLES — letter-spacing to match Ritual's tight-wide feel
   ============================================================ */

.sec-title,
.section-title {
    letter-spacing: 0.05em;
}