/*
 Theme Name:   Astra Child
 Description:  A child theme for astra.
 Author:       Charles Deschenes
 Template:     astra
 Version:      1.0.2
*/

/* Erase theme and WooCommerce breadcrumb footprints globally */
.woocommerce-breadcrumb, 
.ast-breadcrumbs-wrapper { 
    display: none !important; 
}

/* Ensure individual product templates respect the core shop container alignment */
.single-product .ast-woocommerce-container {
    padding-top: 2em;
}

.site-header .site-description {
    line-height: 1.1;
	  margin-top: 5px
}



/* Astra sticky header */
.main-header-bar {
    position: fixed;
    top: 0;
    width: 100%;
    background: transparent;
    box-shadow: none;
    padding: 20px 0;
    transition: padding 0.5s ease, background 0.5s ease !important;
}

.main-header-bar .site-description {
 overflow: visible;}


/* Scrolled state: rust-colored blurred background */
.main-header-bar.is-scrolled,
.site-header .main-header-bar.is-scrolled {
    background: rgba(120, 60, 30, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    padding: 5px 0;
	
}

.main-header-bar.is-scrolled .site-description {
    transition: max-height 0.5s ease, opacity 0.5s ease !important;
    opacity: 0;
    max-height: 0;
}

/* Logo: shrinks proportionally on scroll */
.main-header-bar.is-scrolled .site-logo-img img {
    transition: max-height 0.5s ease, max-width 0.5s ease;
    max-height: 60px;
    max-width: 60px;
    width: auto;
    height: auto;
}

.main-header-bar.is-scrolled .site-primary-header-wrap {
transition: min-height 0.5s ease, height 0.5s ease;
 min-height: 80px;
 height: 80px;
}

/**/
.ast-mobile-header-content {
    position: fixed;
    width: 100%;
    top: 140px;
}

.ast-mobile-header-content.is-scrolled {
    position: fixed;
    width: 100%;
    top: 95px;
}

/* ============================================
   PUPFINDS — BREVO NEWSLETTER FORM BRANDING
   Paste this into Appearance > Customize > Additional CSS
   ============================================ */

/* --- BRAND COLOR VARIABLES (adjust if you have exact hex codes) --- */
:root {
  --pf-teal: #1F6F6B;        /* primary teal */
  --pf-teal-dark: #16504D;   /* darker teal for hover states */
  --pf-amber: #E8A23D;       /* accent amber */
  --pf-amber-dark: #CC8A2A;  /* darker amber for hover */
  --pf-cream: #FBF6EE;       /* background cream */
  --pf-cream-dark: #F1E9D8;  /* slightly deeper cream for borders */
  --pf-text: #2E2A24;        /* warm dark brown-black for body text */
}

/* --- FONTS: Jost for body text, Belleza for headings --- */
/* Make sure both are enqueued/loaded on your site already (Astra
   typography settings or via your child theme) — this CSS only
   assigns them, it doesn't load the font files themselves. */

#sib-container,
#sib-container input,
#sib-container textarea,
#sib-container button,
#sib-container label,
#sib-container p,
.sib-text-form-block p,
.entry__label,
.sib-optin span p strong {
  font-family: 'Jost', sans-serif !important;
}

/* --- OUTER FORM WRAPPER --- */
.sib-form {
  background-color: var(--pf-cream) !important;
}

#sib-container {
  background-color: #FFFFFF !important;
  border: 1px solid var(--pf-cream-dark) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(31, 111, 107, 0.08);
}

/* --- HEADLINE ("Newsletter") --- */
.sib-form-block p {
  font-family: 'Belleza', sans-serif !important;
  color: var(--pf-teal-dark) !important;
}

/* --- BODY TEXT / DESCRIPTION --- */
.sib-text-form-block p {
  color: var(--pf-text) !important;
}

/* --- INPUT FIELDS --- */
#sib-container input.input {
  border: 1px solid var(--pf-cream-dark) !important;
  border-radius: 8px !important;
  background-color: var(--pf-cream) !important;
  color: var(--pf-text) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#sib-container input.input:focus {
  border-color: var(--pf-teal) !important;
  box-shadow: 0 0 0 3px rgba(31, 111, 107, 0.15) !important;
  outline: none !important;
}

#sib-container input::placeholder,
#sib-container input:-ms-input-placeholder {
  color: #A89D8A !important;
}

/* --- FIELD LABELS --- */
.entry__label {
  color: var(--pf-teal-dark) !important;
}

/* --- OPT-IN CHECKBOX --- */
.checkbox_tick_positive {
  border: 2px solid var(--pf-teal) !important;
}

.input_replaced:checked ~ .checkbox_tick_positive {
  background-color: var(--pf-teal) !important;
  border-color: var(--pf-teal) !important;
}

.sib-optin span p strong {
  color: var(--pf-text) !important;
  font-weight: 600 !important;
}

/* --- SUBMIT BUTTON --- */
.sib-form-block__button {
  background-color: var(--ast-global-color-0) !important;
  border-radius: 0px !important;
  letter-spacing: 0.03em;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.sib-form-block__button:hover {
  background-color: var(--ast-global-color-1) !important;
  transform: translateY(-1px);
}

.sib-form-block__button svg path {
  fill: #FFFFFF !important;
}

/* --- ERROR MESSAGE PANEL --- */
#error-message {
  border-radius: 8px !important;
}

/* --- SUCCESS MESSAGE PANEL --- */
#success-message {
  background-color: #E9F4EC !important;
  border-color: var(--pf-teal) !important;
  color: var(--pf-teal-dark) !important;
  border-radius: 8px !important;
}

/* --- LINKS WITHIN FORM (e.g. privacy policy link in GDPR text) --- */
#sib-container a {
  color: var(--pf-teal) !important;
  text-decoration: underline;
}

/* ============================================
   RECAPTCHA BADGE — reposition away from cart icon
   ============================================ */
.grecaptcha-badge {
  bottom: 380px !important;
  right: 14px !important;
}

/* ============================================
   RECAPTCHA BADGE — alternative: hide entirely
   (only use this version if you also add the
   disclosure text below somewhere visible,
   e.g. site footer)
   ============================================ */

.grecaptcha-badge {
  visibility: hidden !important;
}

/* This target forces the browser to strip the inline style padding rules */
div.woolentor-template-container[style*="padding"] {
    padding: 0px !important; 
	}

div.cookieray-manage-pill[style*="background"] {
 background: #e11b14 !important;
} 


.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item {
	line-height: inherit !important;
}


div.wp-block-spectra-modal {
    max-width: initial;
}

div.wp-block-spectra-modal-child-popup-close-icon.popup-top-right {
    left: 95% !important;
    top: 1% !important;
    z-index: 200000 !important;
    background: black !important;
}

@media only screen and (max-width: 768px) {
    #moderncart-floating-cart {
        bottom: 15px;
    }
}