/*
Theme Name:     Bri Gainz
Theme URI:      https://madeatdawn.com/
Template:       kadence
Author:         Made at Dawn
Author URI:     https://madeatdawn.com/
Description:    Custom website for Bri Gainz
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ------------------------------------------------------------
    GLOBAL SETTINGS
---------------------------------------------------------------------- */
:root {
    --wp--preset--color--theme-palette1: var(--global-palette1) !important;
    --wp--preset--color--theme-palette2: var(--global-palette2) !important;
    --wp--preset--color--theme-palette3: var(--global-palette3) !important;
    --wp--preset--color--theme-palette4: var(--global-palette4) !important;
    --wp--preset--color--theme-palette5: var(--global-palette5) !important;
    --wp--preset--color--theme-palette6: var(--global-palette6) !important;
    --wp--preset--color--theme-palette7: var(--global-palette7) !important;
    --wp--preset--color--theme-palette8: var(--global-palette8) !important;
    --wp--preset--color--theme-palette9: var(--global-palette9) !important;
    --wp--preset--color--theme-palette-1: var(--global-palette1) !important;
    --wp--preset--color--theme-palette-2: var(--global-palette2) !important;
    --wp--preset--color--theme-palette-3: var(--global-palette3) !important;
    --wp--preset--color--theme-palette-4: var(--global-palette4) !important;
    --wp--preset--color--theme-palette-5: var(--global-palette5) !important;
    --wp--preset--color--theme-palette-6: var(--global-palette6) !important;
    --wp--preset--color--theme-palette-7: var(--global-palette7) !important;
    --wp--preset--color--theme-palette-8: var(--global-palette8) !important;
    --wp--preset--color--theme-palette-9: var(--global-palette9) !important;
    --plyr-color-main: var(--global-palette3) !important;
    --plyr-control-icon-size: 13px !important;
    --sc-tab-active-background: var(--global-palette8) !important;
}
/* === Hover Delay === */
a, a:hover, .fl-button, .fl-button:hover, .fl-button a, .fl-button a:hover {
    -webkit-transition:all 0.4s;
    transition:all 0.4s;
}
::selection {
    background: var(--global-palette5);
    color: var(--global-palette8);
}
::-moz-selection {
    background: var(--global-palette5);
    color: var(--global-palette8);
}
/* === Z-INDEX === */
.z-index {
    z-index: 10 !important;
    position: relative !important;
}
.z-index-top {
    z-index: 20 !important;
    position: relative !important;
}
@media only screen and (min-width: 993px) {
    .sticky {
    position: sticky !important; 
    position: -webkit-sticky; 
    top: 0; 
    }
}
.kt-row-column-wrap p { /* Removes extra padding after paragraph in Kadence rows */
    margin-block-end: 1em !important;
}
/* === Remove br in mobile === */
@media only screen and (max-width: 700px) {
    br {
        display: none;
    }
    .no-br br {
        display: inline;
    }
}
/* ------------------------------------------------------------
    LINKS
---------------------------------------------------------------------- */
p a:not(.footer-links a, em a) {
  text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 1px;
}
a:hover:not(.kb-button, .wp-block-kadence-image a) {
    opacity: 0.5;
}
/* ------------------------------------------------------------
FADE IN & OUT ON SCROLL
---------------------------------------------------------------------- */
.nofade, .nofade .fade, .nofade .fadeOut, .nofade .fadeIn {
  opacity: 10 !important;       /* fully visible */
  transition: none !important; /* no fade transition */
  pointer-events: auto;        /* keep interactions normal */
}
.fade {
    transition: opacity 0.7s ease-in;
  }
  .fadeOut {
    opacity: 0;
    transition: transform 300ms, opacity 1200ms;
  }
  .fadeIn {
    opacity: 1;
  }  
  /* === Disable Fade on Mobile === */
  @media screen and (max-width: 860px) {
    .fadeOut { opacity: 1; }
  }
  
  @media screen and (max-width: 1020px) {
    .fadeOut { opacity: 1; }
  }
  
  @media screen and (max-width: 767px) {
    .fadeOut { opacity: 1; }
  }
  
  @media screen and (max-width: 620px) {
    .fadeOut { opacity: 1; }
  }
  
  @media screen and (max-width: 420px) {
    .fadeOut { opacity: 1; }
  }
/* ------------------------------------------------------------
    VIDEO PLAYER
---------------------------------------------------------------------- */
.plyr__control--overlaid {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 100px;  
    padding: 20px;
}
.plyr__control--overlaid svg {
    width: 20px;
    height: 20px;
}
.plyr.plyr--stopped .plyr__controls { display: none }
.ar-375-450 video, .ar-375-450 img {
    aspect-ratio: 375 / 450;
    object-fit: cover;
}
.video-border-radius .plyr--video {
    border-radius: 10px;
}


/* ------------------------------------------------------------
    TYPOGRAPHY
---------------------------------------------------------------------- */
@font-face {
    font-family: 'script';
    src: url('/wp-content/uploads/2025/11/Script-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Ethic New';
    src: url('/wp-content/uploads/2025/09/ethicnew-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Ethic New';
    src: url('/wp-content/uploads/2025/09/ethicnew-lightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Chopard';
    src: url('/wp-content/uploads/2025/09/chopard_medium-webfont.woff') format('woff');
    font-weight: 400;
    font-style: regular;
}
body {
    font-variant-ligatures: common-ligatures;
    font-feature-settings: "liga" 1; /* Explicitly enable standard ligatures */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
}
h2 strong, h3 strong {
    font-family: 'script' !important;
    font-weight: 400;
    font-size: 200%;
}
/* ------------------------------------------------------------
    LIST SHAPE
---------------------------------------------------------------------- */
.wp-block-list {
  list-style: none;
}
.wp-block-list li {
  position: relative;
  padding-left: 0;
  text-align: left;
    margin-left: -2em;
}
.wp-block-list li::before {
  content: '— ';
  position: relative;
  left: 0;
  top: 0em;
  width: 0.6em;
  height: 0.6em;
    border: none;
  border-radius: 50%;
    padding-right: 0.5em;
}
.wp-block-list {
  list-style-position: outside;
  padding-left: 2em; /* space for bullet */
}
.wp-block-list li {
  text-indent: -2em;  /* pulls first line left */
  padding-left: 2em;  /* pushes all lines right */
}
/* ------------------------------------------------------------
    HOME WHITE HEADER
---------------------------------------------------------------------- */

/* Default (not sticky) state — make links & SVG white */
.page-id-19 .wp-block-kadence-header-row.kb-header-sticky-wrapper:not(.item-is-stuck) a,
.page-id-19 .wp-block-kadence-header-row.kb-header-sticky-wrapper:not(.item-is-stuck) svg {
  color: var(--global-palette9) !important;
  fill: var(--global-palette9) !important;
}

/* Sticky state — reset or change back to normal */
.page-id-19 .wp-block-kadence-header-row.kb-header-sticky-wrapper.item-is-stuck a,
.page-id-19 .wp-block-kadence-header-row.kb-header-sticky-wrapper.item-is-stuck svg {
  color: inherit !important;
  fill: currentColor !important;
}

.page-id-19 .wp-block-kadence-header-row.item-at-start {
    border-color: #fff;
}

/* === Align submenu arrow === */
.wp-block-kadence-navigation .kb-nav-dropdown-toggle-btn svg {
    top: 0em;
}

/* ------------------------------------------------------------
    HEADER STICKY BACKGROUND
---------------------------------------------------------------------- */
/* Base transition setup */
.wp-block-kadence-header-row {
  transition: background-color 0.4s ease, box-shadow 0.3s ease;
}

/* Normal (not sticky) state */
.wp-block-kadence-header-row.item-at-start {
  background-color: transparent; /* or your preferred starting color */
  box-shadow: none;
}

/* Sticky (scrolled) state */
.wp-block-kadence-header-row.item-is-stuck {
  background-color: rgba(255, 255, 255, 0.95); /* or any solid color */
}


/* ------------------------------------------------------------
    ACCORDION
---------------------------------------------------------------------- */
.kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after {
    height: 1px !important;
    width: 15px !important;
}
.kt-acccordion-button-label-show {
    margin-top: -1px;
}


/* ------------------------------------------------------------
    FOOTER
---------------------------------------------------------------------- */
/* === Footer Link Styles === */
footer p {
    font-size: 14px;
}
.footer-address p {
    line-height: 1.7em;
}
.footer-links p {
    line-height: 1.4em;
}
.footer-links a {
    text-decoration: none;
}
@media screen and (max-width: 992px) {
    .footer-links .justify-end {
        justify-content: flex-start;
    }
}

/* ------------------------------------------------------------
    IMAGE HOVER ZOOM
---------------------------------------------------------------------- */
/* Ensure the image container does not overflow */
.image-hover-zoom .wp-block-kadence-image {
  overflow: hidden;
}

/* Image zoom effect on hover */
.image-hover-zoom:hover img {
  transform: scale(1.1);
  transition: transform 2.5s ease;
  opacity: 1 !important;
}
.image-hover-zoom img {
    transition: transform 2.5s ease;
  opacity: 1 !important;
}

/* ------------------------------------------------------------
    TWO COLUMN OFFER FEATURE ROW
---------------------------------------------------------------------- */
.two-col-offer-feature .kt-inside-inner-col > .wp-block-kadence-advancedbtn {
  max-width: 390px;
  width: 100%;
}

/* ------------------------------------------------------------
    SHOP PAGE SIDEBAR
---------------------------------------------------------------------- */
.sc-product-item-link h2 {
    font-size: 19px !important;
}
.wp-block-surecart-product-list-price {
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
    font-family: indivisible !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: var(--global-palette3) !important;
}
.is-position-sticky label, .is-position-sticky .tag__content, .is-position-sticky .has-small-font-size, .wp-block-surecart-product-list-sidebar-is-layout-flex label, .wp-block-surecart-product-list-sidebar-is-layout-flex .has-small-font-size, .wp-block-surecart-product-list-sidebar-is-layout-flex .wp-block-surecart-product-list-filter-tag {
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
    font-family: indivisible !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.is-position-sticky .wp-block-surecart-product-list-filter-tag, .wp-block-surecart-product-list-sidebar-is-layout-flex .wp-block-surecart-product-list-filter-tag {
    background: transparent !important;
    border: 1px solid var(--global-palette3) !important;
    line-height: 1em !important;
    border-radius: 0 !important;
}
.is-position-sticky .sc-check-input, .wp-block-surecart-product-list-sidebar-is-layout-flex .wp-block-surecart-product-list-filter-tag, .wp-block-surecart-product-list-sidebar-is-layout-flex .sc-check-input {
    border-radius: 0 !important;
}
.sc-check-input[type=checkbox]:checked, .sc-check-input[type=checkbox][type=checkbox]:checked, .sc-check-input[type=radio][type=checkbox]:checked {
    background-image: none;
}
.is-position-sticky .sc-check-input, .wp-block-surecart-product-list-sidebar-is-layout-flex .sc-check-input {
    border: 1px solid var(--global-palette3);
}
.wp-block-surecart-product-list-filter-tags-label {
    font-family: var(--global-heading-font-family) !important;
    font-weight: 300 !important;
}
.is-position-sticky .has-small-font-size, .wp-block-surecart-product-list-sidebar-is-layout-flex .has-small-font-size {
    color: var(--global-palette3) !important;
}

/* ------------------------------------------------------------
    SURECART - CHECKOUT
---------------------------------------------------------------------- */
.sc-cart-items-submit__wrapper a {
    color: var(--global-palette3) !important;
}

/* ------------------------------------------------------------
    SURECART DASHBOARD
---------------------------------------------------------------------- */
body.page-template-template-surecart-dashboard {
    background: var(--global-palette8) !important;
}
.sc-dashboard__logged-out-header img {
    margin: auto !important;
}