.elementor-kit-27{--e-global-color-primary:#6B8E23;--e-global-color-secondary:#4C7141;--e-global-color-accent:#D4AF37;--e-global-color-text:#423C37;--e-global-color-background:#F6E7D8;--e-global-color-ab190b4:#FFF9F0;--e-global-color-665a797:#FAF7F2;--e-global-color-592b6ef:#D3B49F;--e-global-color-53a547b:#B5A894;--e-global-color-backgroundAccent:#E6E1DC;--e-global-color-transparent:#00000000;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:180%;--e-global-typography-text-letter-spacing:0em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-line-height:180%;--e-global-typography-accent-letter-spacing:0.06em;--e-global-typography-03610a9-font-family:"Playfair Display";--e-global-typography-03610a9-font-size:clamp(3rem, 2.5385rem + 2.0513vw, 4rem);--e-global-typography-03610a9-font-weight:800;--e-global-typography-03610a9-text-transform:capitalize;--e-global-typography-03610a9-font-style:normal;--e-global-typography-03610a9-line-height:120%;--e-global-typography-03610a9-letter-spacing:-0.01em;--e-global-typography-84e1f55-font-family:"Playfair Display";--e-global-typography-84e1f55-font-size:clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);--e-global-typography-84e1f55-font-weight:700;--e-global-typography-84e1f55-text-transform:capitalize;--e-global-typography-84e1f55-font-style:normal;--e-global-typography-84e1f55-line-height:125%;--e-global-typography-84e1f55-letter-spacing:-0.01em;--e-global-typography-7d788b6-font-family:"Playfair Display";--e-global-typography-7d788b6-font-size:clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);--e-global-typography-7d788b6-font-weight:600;--e-global-typography-7d788b6-text-transform:capitalize;--e-global-typography-7d788b6-font-style:normal;--e-global-typography-7d788b6-line-height:130%;--e-global-typography-7d788b6-letter-spacing:-0.005em;--e-global-typography-df8cc0f-font-family:"Playfair Display";--e-global-typography-df8cc0f-font-size:clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);--e-global-typography-df8cc0f-font-weight:500;--e-global-typography-df8cc0f-text-transform:capitalize;--e-global-typography-df8cc0f-font-style:normal;--e-global-typography-df8cc0f-line-height:130%;--e-global-typography-df8cc0f-letter-spacing:0em;--e-global-typography-9966504-font-family:"Playfair Display";--e-global-typography-9966504-font-size:clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);--e-global-typography-9966504-font-weight:500;--e-global-typography-9966504-text-transform:capitalize;--e-global-typography-9966504-font-style:normal;--e-global-typography-9966504-line-height:130%;--e-global-typography-9966504-letter-spacing:0em;--e-global-typography-23203e8-font-family:"Playfair Display";--e-global-typography-23203e8-font-size:clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);--e-global-typography-23203e8-font-weight:500;--e-global-typography-23203e8-text-transform:uppercase;--e-global-typography-23203e8-font-style:normal;--e-global-typography-23203e8-line-height:130%;--e-global-typography-23203e8-letter-spacing:0em;--e-global-typography-52a4626-font-family:"Playfair Display";--e-global-typography-52a4626-font-size:clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);--e-global-typography-52a4626-font-weight:500;--e-global-typography-52a4626-text-transform:capitalize;--e-global-typography-52a4626-font-style:normal;--e-global-typography-52a4626-line-height:130%;--e-global-typography-52a4626-letter-spacing:0.005em;--e-global-typography-9c32b8c-font-family:"Playfair Display";--e-global-typography-9c32b8c-font-size:1.2rem;--e-global-typography-9c32b8c-font-weight:500;--e-global-typography-9c32b8c-text-transform:none;--e-global-typography-9c32b8c-font-style:normal;--e-global-typography-9c32b8c-line-height:130%;--e-global-typography-9c32b8c-letter-spacing:0em;--e-global-typography-a3732a3-font-family:"Montserrat";--e-global-typography-a3732a3-font-size:0.875rem;--e-global-typography-a3732a3-font-weight:600;--e-global-typography-a3732a3-text-transform:uppercase;--e-global-typography-a3732a3-font-style:normal;--e-global-typography-a3732a3-line-height:120%;--e-global-typography-a3732a3-letter-spacing:0.08em;--e-global-typography-1d9a5d8-font-family:"Montserrat";--e-global-typography-1d9a5d8-font-size:1.125rem;--e-global-typography-1d9a5d8-font-weight:500;--e-global-typography-1d9a5d8-text-transform:none;--e-global-typography-1d9a5d8-font-style:normal;--e-global-typography-1d9a5d8-line-height:180%;--e-global-typography-1d9a5d8-letter-spacing:0em;--e-global-typography-4da4089-font-family:"Montserrat";--e-global-typography-4da4089-font-size:0.875rem;--e-global-typography-4da4089-font-weight:300;--e-global-typography-4da4089-text-transform:none;--e-global-typography-4da4089-font-style:normal;--e-global-typography-4da4089-line-height:180%;--e-global-typography-4da4089-letter-spacing:0em;--e-global-typography-7e5538e-font-family:"Playfair Display";--e-global-typography-7e5538e-font-size:clamp(1.4rem, 1.3rem + 0.2vw, 1.75rem);--e-global-typography-7e5538e-font-weight:400;--e-global-typography-7e5538e-text-transform:none;--e-global-typography-7e5538e-font-style:italic;--e-global-typography-7e5538e-line-height:150%;--e-global-typography-7e5538e-letter-spacing:0em;--e-global-typography-184c421-font-family:"Montserrat";--e-global-typography-184c421-font-size:0.875rem;--e-global-typography-184c421-font-weight:300;--e-global-typography-184c421-text-transform:none;--e-global-typography-184c421-font-style:italic;--e-global-typography-184c421-line-height:140%;--e-global-typography-184c421-letter-spacing:0.005em;background-color:var( --e-global-color-background );color:var( --e-global-color-text );}.elementor-kit-27 button,.elementor-kit-27 input[type="button"],.elementor-kit-27 input[type="submit"],.elementor-kit-27 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;padding:012px 015px 012px 015px;}.elementor-kit-27 button:hover,.elementor-kit-27 button:focus,.elementor-kit-27 input[type="button"]:hover,.elementor-kit-27 input[type="button"]:focus,.elementor-kit-27 input[type="submit"]:hover,.elementor-kit-27 input[type="submit"]:focus,.elementor-kit-27 .elementor-button:hover,.elementor-kit-27 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-ab190b4 );}.elementor-kit-27 e-page-transition{background-color:#FFBC7D;}.elementor-kit-27 a{color:var( --e-global-color-primary );}.elementor-kit-27 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-27 h1{color:var( --e-global-color-primary );}.elementor-kit-27 h2{color:var( --e-global-color-primary );}.elementor-kit-27 h3{color:var( --e-global-color-primary );}.elementor-kit-27 h4{color:var( --e-global-color-primary );}.elementor-kit-27 h5{color:var( --e-global-color-primary );}.elementor-kit-27 h6{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-27 button,.elementor-kit-27 input[type="button"],.elementor-kit-27 input[type="submit"],.elementor-kit-27 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:75%;}.e-con{--container-max-width:75%;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:75%;}.e-con{--container-max-width:75%;}}@media(max-width:1024px){.elementor-kit-27 button,.elementor-kit-27 input[type="button"],.elementor-kit-27 input[type="submit"],.elementor-kit-27 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;}}@media(max-width:880px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;}}@media(max-width:767px){.elementor-kit-27 button,.elementor-kit-27 input[type="button"],.elementor-kit-27 input[type="submit"],.elementor-kit-27 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(min-width:2400px){.elementor-kit-27 button,.elementor-kit-27 input[type="button"],.elementor-kit-27 input[type="submit"],.elementor-kit-27 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS *//* =========================================================
   InkspirePixels – Spacing, Buttons, Glow & Blog Styles
   Clean Final Version (Elementor only, Jet removed)
   ========================================================= */

/* ===========================
   RESET CLASSES
   =========================== */
.pad-0{padding:0!important;} .pad-t-0{padding-top:0!important;} .pad-b-0{padding-bottom:0!important;}
.pad-l-0{padding-left:0!important;} .pad-r-0{padding-right:0!important;}
.pad-tb-0{padding-top:0!important;padding-bottom:0!important;}
.pad-lr-0{padding-left:0!important;padding-right:0!important;}

.mar-0{margin:0!important;} .mar-t-0{margin-top:0!important;} .mar-b-0{margin-bottom:0!important;}
.mar-l-0{margin-left:0!important;} .mar-r-0{margin-right:0!important;}
.mar-tb-0{margin-top:0!important;margin-bottom:0!important;}
.mar-lr-0{margin-left:0!important;margin-right:0!important;}

/* ===========================
   PADDING CLASSES (scalable)
   Matches old XS→XL values:
   XS 1rem, S 1.5rem, M 3rem, L 5rem, XL 7rem
   =========================== */
:root{
  --space-xs: clamp(0.875rem, 0.75rem + 0.5vw, 1rem);
  --space-s:  clamp(1.25rem, 1rem + 0.8vw, 1.5rem);
  --space-m:  clamp(2.25rem, 1.5rem + 2vw, 3rem);
  --space-l:  clamp(3.5rem, 2rem + 3vw, 5rem);
  --space-xl: clamp(5rem, 3rem + 5vw, 7rem);
}

/* ===========================
   PADDING CLASSES (base)
   =========================== */
.pad-xs {  padding: var(--space-xs); }
.pad-s  {  padding: var(--space-s);  }
.pad-m  {  padding: var(--space-m);  }
.pad-l  {  padding: var(--space-l);  }
.pad-xl {  padding: var(--space-xl); }

.pad-tb-xs { padding-block: var(--space-xs); }
.pad-tb-s  { padding-block: var(--space-s);  }
.pad-tb-m  { padding-block: var(--space-m);  }
.pad-tb-l  { padding-block: var(--space-l);  }
.pad-tb-xl { padding-block: var(--space-xl); }

.pad-lr-xs { padding-inline: var(--space-xs); }
.pad-lr-s  { padding-inline: var(--space-s);  }
.pad-lr-m  { padding-inline: var(--space-m);  }
.pad-lr-l  { padding-inline: var(--space-l);  }
.pad-lr-xl { padding-inline: var(--space-xl); }

.pad-t-xs { padding-top:    var(--space-xs); }
.pad-t-s  { padding-top:    var(--space-s);  }
.pad-t-m  { padding-top:    var(--space-m);  }
.pad-t-l  { padding-top:    var(--space-l);  }
.pad-t-xl { padding-top:    var(--space-xl); }

.pad-b-xs { padding-bottom: var(--space-xs); }
.pad-b-s  { padding-bottom: var(--space-s);  }
.pad-b-m  { padding-bottom: var(--space-m);  }
.pad-b-l  { padding-bottom: var(--space-l);  }
.pad-b-xl { padding-bottom: var(--space-xl); }

.pad-l-xs { padding-left:   var(--space-xs); }
.pad-l-s  { padding-left:   var(--space-s);  }
.pad-l-m  { padding-left:   var(--space-m);  }
.pad-l-l  { padding-left:   var(--space-l);  }
.pad-l-xl { padding-left:   var(--space-xl); }

.pad-r-xs { padding-right:  var(--space-xs); }
.pad-r-s  { padding-right:  var(--space-s);  }
.pad-r-m  { padding-right:  var(--space-m);  }
.pad-r-l  { padding-right:  var(--space-l);  }
.pad-r-xl { padding-right:  var(--space-xl); }

/* ===========================
   RESPONSIVE MODIFIERS
   =========================== */

/* Tablet & below */
@media (max-width: 1024px){
  .md-pad-tb-xs { padding-block: var(--space-xs) !important; }
  .md-pad-tb-s  { padding-block: var(--space-s)  !important; }
  .md-pad-tb-m  { padding-block: var(--space-m)  !important; }
  .md-pad-tb-l  { padding-block: var(--space-l)  !important; }

  .md-pad-t-xs  { padding-top:    var(--space-xs) !important; }
  .md-pad-t-s   { padding-top:    var(--space-s)  !important; }
  .md-pad-t-m   { padding-top:    var(--space-m)  !important; }
  .md-pad-b-xs  { padding-bottom: var(--space-xs) !important; }
  .md-pad-b-s   { padding-bottom: var(--space-s)  !important; }
  .md-pad-b-m   { padding-bottom: var(--space-m)  !important; }
}

/* Mobile & below */
@media (max-width: 768px){
  .sm-pad-tb-xs { padding-block: var(--space-xs) !important; }
  .sm-pad-tb-s  { padding-block: var(--space-s)  !important; }
  .sm-pad-tb-m  { padding-block: var(--space-m)  !important; }

  .sm-pad-t-xs  { padding-top:    var(--space-xs) !important; }
  .sm-pad-t-s   { padding-top:    var(--space-s)  !important; }
  .sm-pad-b-xs  { padding-bottom: var(--space-xs) !important; }
  .sm-pad-b-s   { padding-bottom: var(--space-s)  !important; }
}

/* ===========================
   MARGIN CLASSES (matches padding scale)
   XS 1rem, S 1.5rem, M 3rem, L 5rem, XL 7rem
   Uses the same tokens already defined in :root
   =========================== */

/* --- Base (all sides) --- */
.mar-xs {  margin: var(--space-xs); }
.mar-s  {  margin: var(--space-s);  }
.mar-m  {  margin: var(--space-m);  }
.mar-l  {  margin: var(--space-l);  }
.mar-xl {  margin: var(--space-xl); }

/* --- Block (top + bottom) --- */
.mar-tb-xs { margin-block: var(--space-xs); }
.mar-tb-s  { margin-block: var(--space-s);  }
.mar-tb-m  { margin-block: var(--space-m);  }
.mar-tb-l  { margin-block: var(--space-l);  }
.mar-tb-xl { margin-block: var(--space-xl); }

/* --- Inline (left + right) --- */
.mar-lr-xs { margin-inline: var(--space-xs); }
.mar-lr-s  { margin-inline: var(--space-s);  }
.mar-lr-m  { margin-inline: var(--space-m);  }
.mar-lr-l  { margin-inline: var(--space-l);  }
.mar-lr-xl { margin-inline: var(--space-xl); }

/* --- Single sides --- */
.mar-t-xs { margin-top:    var(--space-xs); }
.mar-t-s  { margin-top:    var(--space-s);  }
.mar-t-m  { margin-top:    var(--space-m);  }
.mar-t-l  { margin-top:    var(--space-l);  }
.mar-t-xl { margin-top:    var(--space-xl); }

.mar-b-xs { margin-bottom: var(--space-xs); }
.mar-b-s  { margin-bottom: var(--space-s);  }
.mar-b-m  { margin-bottom: var(--space-m);  }
.mar-b-l  { margin-bottom: var(--space-l);  }
.mar-b-xl { margin-bottom: var(--space-xl); }

.mar-l-xs { margin-left:   var(--space-xs); }
.mar-l-s  { margin-left:   var(--space-s);  }
.mar-l-m  { margin-left:   var(--space-m);  }
.mar-l-l  { margin-left:   var(--space-l);  }
.mar-l-xl { margin-left:   var(--space-xl); }

.mar-r-xs { margin-right:  var(--space-xs); }
.mar-r-s  { margin-right:  var(--space-s);  }
.mar-r-m  { margin-right:  var(--space-m);  }
.mar-r-l  { margin-right:  var(--space-l);  }
.mar-r-xl { margin-right:  var(--space-xl); }

/* --- Utilities (handy) --- */
.mar-0    { margin: 0 !important; }
.mar-t-0  { margin-top: 0 !important; }
.mar-b-0  { margin-bottom: 0 !important; }
.mar-l-0  { margin-left: 0 !important; }
.mar-r-0  { margin-right: 0 !important; }
.mar-x-auto { margin-inline: auto !important; } /* center block elements */

/* --- Responsive modifiers (put AFTER base) --- */
/* Tablet & below */
@media (max-width: 1024px){
  .md-mar-tb-xs { margin-block: var(--space-xs) !important; }
  .md-mar-tb-s  { margin-block: var(--space-s)  !important; }
  .md-mar-tb-m  { margin-block: var(--space-m)  !important; }
  .md-mar-tb-l  { margin-block: var(--space-l)  !important; }

  .md-mar-t-xs  { margin-top:    var(--space-xs) !important; }
  .md-mar-t-s   { margin-top:    var(--space-s)  !important; }
  .md-mar-t-m   { margin-top:    var(--space-m)  !important; }
  .md-mar-b-xs  { margin-bottom: var(--space-xs) !important; }
  .md-mar-b-s   { margin-bottom: var(--space-s)  !important; }
  .md-mar-b-m   { margin-bottom: var(--space-m)  !important; }

  .md-mar-lr-xs { margin-inline: var(--space-xs) !important; }
  .md-mar-lr-s  { margin-inline: var(--space-s)  !important; }
  .md-mar-lr-m  { margin-inline: var(--space-m)  !important; }
}

/* Mobile & below */
@media (max-width: 768px){
  .sm-mar-tb-xs { margin-block: var(--space-xs) !important; }
  .sm-mar-tb-s  { margin-block: var(--space-s)  !important; }
  .sm-mar-tb-m  { margin-block: var(--space-m)  !important; }

  .sm-mar-t-xs  { margin-top:    var(--space-xs) !important; }
  .sm-mar-t-s   { margin-top:    var(--space-s)  !important; }
  .sm-mar-b-xs  { margin-bottom: var(--space-xs) !important; }
  .sm-mar-b-s   { margin-bottom: var(--space-s)  !important; }

  .sm-mar-lr-xs { margin-inline: var(--space-xs) !important; }
  .sm-mar-lr-s  { margin-inline: var(--space-s)  !important; }
  .sm-mar-lr-m  { margin-inline: var(--space-m)  !important; }
}

/* --- Optional: negative margins (use sparingly) --- */
.mar-t--xs { margin-top:    calc(var(--space-xs) * -1); }
.mar-t--s  { margin-top:    calc(var(--space-s)  * -1); }
.mar-t--m  { margin-top:    calc(var(--space-m)  * -1); }
.mar-b--xs { margin-bottom: calc(var(--space-xs) * -1); }
.mar-b--s  { margin-bottom: calc(var(--space-s)  * -1); }
.mar-b--m  { margin-bottom: calc(var(--space-m)  * -1); }

/* ===========================
   GAP UTILITIES (flex + grid)
   XS 1rem, S 1.5rem, M 3rem, L 5rem, XL 7rem
   =========================== */

/* --- Base --- */
.gap-xs { gap: var(--space-xs); }
.gap-s  { gap: var(--space-s);  }
.gap-m  { gap: var(--space-m);  }
.gap-l  { gap: var(--space-l);  }
.gap-xl { gap: var(--space-xl); }

/* --- Row / Column specific (for flex/grid) --- */
.row-gap-xs { row-gap: var(--space-xs); }
.row-gap-s  { row-gap: var(--space-s);  }
.row-gap-m  { row-gap: var(--space-m);  }
.row-gap-l  { row-gap: var(--space-l);  }
.row-gap-xl { row-gap: var(--space-xl); }

.col-gap-xs { column-gap: var(--space-xs); }
.col-gap-s  { column-gap: var(--space-s);  }
.col-gap-m  { column-gap: var(--space-m);  }
.col-gap-l  { column-gap: var(--space-l);  }
.col-gap-xl { column-gap: var(--space-xl); }

/* --- Responsive modifiers --- */
/* Tablet & below */
@media (max-width: 1024px){
  .md-gap-xs { gap: var(--space-xs) !important; }
  .md-gap-s  { gap: var(--space-s)  !important; }
  .md-gap-m  { gap: var(--space-m)  !important; }
  .md-gap-l  { gap: var(--space-l)  !important; }

  .md-row-gap-s  { row-gap: var(--space-s)  !important; }
  .md-row-gap-m  { row-gap: var(--space-m)  !important; }
  .md-col-gap-s  { column-gap: var(--space-s)  !important; }
  .md-col-gap-m  { column-gap: var(--space-m)  !important; }
}

/* Mobile & below */
@media (max-width: 768px){
  .sm-gap-xs { gap: var(--space-xs) !important; }
  .sm-gap-s  { gap: var(--space-s)  !important; }
  .sm-gap-m  { gap: var(--space-m)  !important; }

  .sm-row-gap-s  { row-gap: var(--space-s)  !important; }
  .sm-row-gap-m  { row-gap: var(--space-m)  !important; }
  .sm-col-gap-s  { column-gap: var(--space-s)  !important; }
  .sm-col-gap-m  { column-gap: var(--space-m)  !important; }
}

/* ===========================
   BUTTONS
   =========================== */
.elementor-button{transition:transform .4s,filter .3s;}
.elementor-button:hover{transform:translateX(7px);filter:brightness(95%);}

.button-dark .elementor-button{background:var(--e-global-color-primary);color:#fff;}
.button-light .elementor-button{background:var(--e-global-color-98f71a2);color:var(--e-global-color-primary);}
.button-outline-dark .elementor-button{background:transparent;color:var(--e-global-color-primary);box-shadow:inset 0 0 0 1px var(--e-global-color-primary);}
.button-outline-light .elementor-button{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px #fff;}

/* =========================================
   BUTTON SIZE UTILITIES
   Works with any variant (.btn-primary, .btn-outline, etc.)
   ========================================= */

/* Small */
.btn-s,
.elementor-button.btn-s,
.btn-s .elementor-button {
  font-size: 0.8rem;
  padding: 0.4rem 0.9rem;
  line-height: 1.2;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  white-space: nowrap;
  margin: 0 !important;
}

/* Medium (default) */
.btn-m,
.elementor-button.btn-m,
.btn-m .elementor-button {
  font-size: 0.95rem;
  padding: 0.6rem 1.2rem;
  line-height: 1.3;
  width: auto;
  white-space: nowrap;
}

/* Large */
.btn-l,
.elementor-button.btn-l,
.btn-l .elementor-button {
  font-size: 1.1rem;
  padding: 0.9rem 1.5rem;
  line-height: 1.4;
  min-width: 160px;
  width: auto;
  white-space: nowrap;
}

/* =========================================
   BUTTON GROUP UTILITY
   Add "btn-group" class to container
   ========================================= */

.btn-group {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important; /* default = left align */
  gap: clamp(8px, 1vw, 14px) !important;
  flex-wrap: nowrap;
  margin-top: clamp(12px, 1.2vw, 16px);
}

/* Reset Elementor’s forced 100% width */
.btn-group > .elementor-widget-button {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* =========================================
   ALIGNMENT MODIFIERS
   Apply alongside .btn-group
   ========================================= */

/* Center align */
.btn-group--center { justify-content: center !important; }

/* Right align */
.btn-group--right { justify-content: flex-end !important; }

/* Space between */
.btn-group--between {
  justify-content: space-between !important;
  width: 100%; /* spreads them edge to edge */
}

/* =========================================
   STACKED VARIANT
   Forces vertical buttons
   ========================================= */

.btn-group--stack {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: clamp(10px, 1.2vw, 14px) !important;
}

.btn-group--stack > .elementor-widget-button {
  width: 100% !important; /* full width inside stack */
  flex: 1 1 auto !important;
}


/* ===========================
   GLOW SYSTEM
   =========================== */
:root{
  --olive-rgb:85,107,47; --mossy-rgb:76,113,65; --warmwhite-rgb:250,247,242; --soft-black-rgb:66,60,55;
  --glow-hero:.10; --glow-card:.15; --glow-hover:.25; --glow-muted-grey:.30;
}

.glow-base{border-radius:14px;transition:box-shadow .25s ease,transform .25s ease;}
.glow-olive{box-shadow:0 10px 24px rgba(var(--olive-rgb),var(--glow-card));}
.glow-olive--light{box-shadow:0 8px 18px rgba(var(--olive-rgb),.12);}
.glow-hero{box-shadow:0 12px 28px rgba(var(--olive-rgb),var(--glow-hero));}
.glow-illustration{box-shadow:0 10px 22px rgba(var(--olive-rgb),var(--glow-card));}
.glow-muted{box-shadow:0 10px 22px rgba(230,225,220,var(--glow-muted-grey));}

.glow-hover:hover{box-shadow:0 16px 36px rgba(var(--olive-rgb),var(--glow-hover));transform:translateY(-2px);}
@media (prefers-reduced-motion:reduce){.glow-base{transition:none}.glow-hover:hover{transform:none}}
a.glow-hover:focus-visible,.glow-hover a:focus-visible{outline:2px solid rgba(var(--olive-rgb),.35);outline-offset:3px;box-shadow:0 16px 36px rgba(var(--olive-rgb),var(--glow-hover));}

/* ===========================
   BLOG LOOP CARD
   =========================== */
.card-blog{
  background:#FFF9F0; border-radius:12px;
  box-shadow:0 4px 20px rgba(85,107,47,.15);
  transition:box-shadow .3s ease,transform .3s ease;
  overflow:hidden;
}
.card-blog:hover{box-shadow:0 6px 24px rgba(85,107,47,.25);transform:translateY(-4px);}

/* ===========================
   ELEMENTOR TAXONOMY FILTER
   =========================== */
.elementor-widget-taxonomy-filter.chip-filter .e-filter,
.elementor-widget-taxonomy-filter.chip-filter .e-filter__items{
  display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;
}
.elementor-widget-taxonomy-filter.chip-filter .e-filter-item{
  display:inline-flex;align-items:center;cursor:pointer;
  padding:.45rem .9rem;border-radius:9999px;line-height:1;
  font:500 .875rem/1 var(--font-body,"Montserrat",system-ui,-apple-system,sans-serif);
  color:var(--ink-olive-700,#3E5421); background:var(--ink-cream,#FFF9F1);
  border:1px solid var(--ink-olive-300,#B7C2A1);
  box-shadow:0 4px 20px rgba(85,107,47,.15);
  transition:transform .15s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
.elementor-widget-taxonomy-filter.chip-filter .e-filter-item:hover{
  transform:translateY(-1px);box-shadow:0 8px 30px rgba(85,107,47,.18);
}
.elementor-widget-taxonomy-filter.chip-filter .e-filter-item.e-filter-item--active,
.elementor-widget-taxonomy-filter.chip-filter .e-filter-item[aria-pressed="true"]{
  background:var(--ink-olive-600,#556B2F);color:#fff;border-color:var(--ink-olive-600,#556B2F);
  box-shadow:0 12px 45px rgba(85,107,47,.22);
}
.elementor-widget-taxonomy-filter.chip-filter .e-filter-item:focus-visible{
  outline:2px solid var(--ink-olive-500,#6B8E23);outline-offset:2px;
}
@media (max-width:767px){
  .elementor-widget-taxonomy-filter.chip-filter .e-filter-item{padding:.4rem .75rem;font-size:.8125rem;}
}

/* ===========================
   ELEMENTOR LOOP PAGINATION
   =========================== */
.elementor-widget-loop-grid .elementor-pagination{
  display:flex;justify-content:center;gap:.5rem;margin-block:1.25rem;
}
.elementor-widget-loop-grid .elementor-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:2.25rem;height:2.25rem;padding:0 .625rem;
  border-radius:9999px;line-height:1;
  background:var(--ink-cream,#FFF9F1);border:1px solid var(--ink-olive-300,#B7C2A1);
  color:var(--ink-olive-700,#3E5421);
  font:500 .875rem/1 var(--font-body,"Montserrat",system-ui,-apple-system,sans-serif);
  box-shadow:0 4px 20px rgba(85,107,47,.12);
  transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;
  text-decoration:none;
}
.elementor-widget-loop-grid .elementor-pagination .page-numbers:hover{
  transform:translateY(-1px);box-shadow:0 8px 30px rgba(85,107,47,.18);
}
.elementor-widget-loop-grid .elementor-pagination .page-numbers.current{
  background:var(--ink-olive-600,#556B2F);color:#fff;border-color:var(--ink-olive-600,#556B2F);
  box-shadow:0 12px 45px rgba(85,107,47,.22);
}
.elementor-widget-loop-grid .elementor-pagination .page-numbers:focus-visible{
  outline:2px solid var(--ink-olive-500,#6B8E23);outline-offset:2px;
}

/* =================================================================
   Inkspire Pixels – Single Post + Single Tutorial (final clean CSS)
   -----------------------------------------------------------------
   Notes:
   • Add class "chip-row" to the Post Terms widget wrapper to style chips
   • Add class "faq" to any Elementor Accordion for FAQ styling
   • Add class "embed-16by9" to any EmbedPress widget that should be 16:9
   • Steps: place the [ink_steps] shortcode in a container with class "steps-list"
   • Resources: [ink_resources] → renders .resource-list
   • Tools: [ink_tools] → renders .tool-list  (vertical list)
   ----------------------------------------------------------------- */

/* =============== Tokens (fallbacks only) =============== */
:root{
  --ink-cream: #FFF9F0;
  --ink-soft-black: #423C37;
  --ink-olive-600: #6B8E23;
  --ink-olive-500: #6B8E23;
  --ink-olive-300: #B7C2A1;
  --radius-m: 12px;
}

/* =======================================================
   A) HEADER CHIPS / TERMS
   ======================================================= */

/* Post terms as chips */
.chip-row .elementor-post-info__terms-list,
.chip-row .elementor-taxonomy{
  display:flex; flex-wrap:wrap; gap:.5rem;
}
.chip-row a, .chip-row span{
  display:inline-flex; align-items:center; line-height:1;
  padding:.45rem .9rem; border-radius:9999px;
  background:#FFF9F1; border:1px solid var(--ink-olive-300, #B7C2A1);
  color:var(--ink-olive-700, #3E5421);
  box-shadow:0 4px 20px rgba(85,107,47,.12);
}

/* Single post “category” chip used near the meta row */
.chip--post{
  display:inline-block;
  padding:6px 10px;
  font-size:.75rem;
  font-family:var(--e-global-typography-body-text-small-font-family, inherit);
  font-weight:500;
  border:.8px solid var(--ink-olive-600, #6B8E23);
  border-radius:9999px;
  color:rgba(66,60,55,.7);
  background:#fff;
  box-shadow:0 2px 6px rgba(85,107,47,.08);
  transition:all .2s ease-in-out;
  margin:0 6px 6px 0;
}
.chip--post:hover,
.chip--post:focus{
  background:var(--ink-olive-600,#6B8E23);
  color:#fff;
  border-color:var(--ink-olive-600,#6B8E23);
  box-shadow:0 4px 12px rgba(85,107,47,.15);
}

/* =======================================================
   B) TOC / BLOCKQUOTE / CALLOUTS / AUTHOR
   ======================================================= */

/* Optional TOC card */
.toc-card{
  background:#FFF9F1; border-radius:12px; padding:1rem;
  box-shadow:0 4px 20px rgba(85,107,47,.10);
}

/* Blockquote in WP content */
.single-post blockquote{
  background:var(--ink-cream);
  border-left:4px solid var(--ink-olive-500);
  padding:1rem 1.5rem;
  font-style:italic;
  color:var(--ink-soft-black);
  border-radius:6px;
  margin:1.5rem 0;
}

/* Callouts (use .callout .pad-m inside) */
.callout{
  border-radius:.5rem;
  margin:2rem 0;
  box-shadow:0 4px 20px rgba(85,107,47,.10);
  font-size:.95rem; line-height:1.6;
}
.callout .pad-m{ display:block; }

/* Variants */
.callout.callout-tip{     background:#f9fff5; border-left:4px solid #6B8E23; }
.callout.callout-warning{ background:#fffaf5; border-left:4px solid #D4AF37; }
.callout.callout-note{    background:#f5f7ff; border-left:4px solid #423C37; }

/* Author avatar ring */
.avatar-ring img{
  border-radius:9999px; background:#fff;
  box-shadow:0 0 0 4px #fff, 0 0 0 6px rgba(107,142,35,.25);
}
/* Author socials hover polish */
.author-socials .elementor-social-icon{
  transition:transform .18s ease, background-color .18s ease, color .18s ease;
  margin-right:8px;
}
.author-socials .elementor-social-icon:hover{ transform:translateY(-1px); }

/* Tighten spacing inside a narrow author card */
.author-card-tight .elementor-widget:not(:last-child){ margin-bottom:0; }

/* =======================================================
   C) EMBEDS (EmbedPress 16:9)
   ======================================================= */

/* Add class "embed-16by9" to the widget in Elementor */
.elementor-widget-embedpress.embed-16by9 .embedpress-embed,
.elementor-widget-embedpress.embed-16by9 .ep-embed-content{
  position:relative; padding-top:56.25%; height:0; overflow:hidden;
}
.elementor-widget-embedpress.embed-16by9 iframe,
.elementor-widget-embedpress.embed-16by9 embed,
.elementor-widget-embedpress.embed-16by9 object{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}
/* Use native aspect-ratio where supported */
@supports (aspect-ratio:16/9){
  .elementor-widget-embedpress.embed-16by9 .embedpress-embed,
  .elementor-widget-embedpress.embed-16by9 .ep-embed-content{
    padding-top:0; height:auto; aspect-ratio:16/9;
  }
}

/* =======================================================
   D) FAQ – Elementor Accordion (add class "faq-acc")
   (Container-based Accordion markup)
   ======================================================= */

/* Wrapper: put class "faq-acc" on the Accordion widget */
.faq-acc .e-n-accordion {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 1.2vw, 18px);
}

/* Each accordion item styled as a card */
.faq-acc .e-n-accordion .e-n-accordion-item {
  background: var(--ink-cream, #FFF9F0);
  border: 1px solid rgba(66,60,55,.10);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(85,107,47,.12);
  overflow: hidden;
}

/* Header (summary row) */
.faq-acc .e-n-accordion .e-n-accordion-item-title-header {
  font-family: var(--e-global-typography-body-font-family, sans-serif);
  font-weight: 600;
  color: #423C37;
  line-height: 1.35;
  padding: clamp(16px,1.8vw,22px) clamp(18px,2vw,24px);
  background: transparent;
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease;
}

/* Hover/focus */
.faq-acc .e-n-accordion .e-n-accordion-item-title-header:hover,
.faq-acc .e-n-accordion .e-n-accordion-item-title-header:focus {
  color: #6B8E23;
  outline: none;
}

/* Open state */
.faq-acc .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-header {
  background: rgba(107,142,35,.06);
  color: #423C37;
}

/* Content area */
.faq-acc .e-n-accordion .e-n-accordion-item-content {
  background: var(--ink-cream, #FFF9F0);
  color: rgba(66,60,55,.85);
  padding: clamp(24px, 2.5vw, 32px);
  border-top: 1px solid rgba(66,60,55,.06);
}

/* List spacing */
.faq-acc .e-n-accordion .e-n-accordion-item-content ul { margin: .5em 0 0 1.25em; }
.faq-acc .e-n-accordion .e-n-accordion-item-content li + li { margin-top: .35em; }

/* Icon color & rotation */
.faq-acc .e-n-accordion .e-n-accordion-item-title-icon svg {
  color: #6B8E23;
  transition: transform .18s ease, color .18s ease;
}
.faq-acc .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg {
  transform: rotate(180deg);
}



/* =======================================================
   E) FAQ – Shortcode version (<details>/<summary>)
   Wrapper: <div class="faq faq--details">...</div>
   ======================================================= */

.faq.faq--details { width: 100%; }

.faq.faq--details details.faq__item {
  background: var(--ink-cream, #FFF9F0);
  border: 1px solid rgba(66,60,55,.10);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(85,107,47,.12);
  overflow: hidden;
  margin-bottom: 16px;
}

/* Question row */
.faq.faq--details .faq__summary {
  cursor: pointer;
  font-weight: 600;
  color: #423C37;
  line-height: 1.35;
  padding: clamp(16px,1.8vw,22px) clamp(18px,2vw,24px);
  background: transparent;
  position: relative;
  list-style: none;
  transition: color .18s ease, background-color .18s ease;
}
.faq.faq--details .faq__summary::-webkit-details-marker { display: none; }

/* Plus/minus icons */
.faq.faq--details .faq__summary:after {
  content: "＋";
  position: absolute;
  right: 16px; top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  color: #6B8E23;
}
.faq.faq--details details[open] .faq__summary:after { content: "–"; }

/* Hover/focus */
.faq.faq--details .faq__summary:hover,
.faq.faq--details .faq__summary:focus { color: #6B8E23; }

/* Answer area */
.faq.faq--details .faq__content {
  background: var(--ink-cream, #FFF9F0);
  color: rgba(66,60,55,.85);
  padding: clamp(20px, 2.1vw, 28px);
  border-top: 1px solid rgba(66,60,55,.08);
}
.faq.faq--details .faq__content ul { margin: .5em 0 0 1.25em; }
.faq.faq--details .faq__content li + li { margin-top: .35em; }


/* =======================================================
   F) RESOURCES / TOOLS (ACF)
   ======================================================= */

/* Plain vertical lists (no extra card – you already place them in a styled box) */
.resource-list,
.tool-list{
  margin:0; padding-left:1.2em; list-style:disc;
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
.resource-list li + li,
.tool-list li + li{ margin-top:.35rem; }
.resource-list a, .tool-list a{
  text-decoration:none; border-bottom:1px dotted var(--ink-olive-600,#556B2F);
}
.resource-list a:hover, .tool-list a:hover{ border-bottom-color:transparent; }

/* If you ever want tools as chips instead of a list */
.tool-chips{ display:flex; flex-wrap:wrap; gap:.5rem; }

/* =======================================================
   G) STEPS (ACF) – shortcode [ink_steps] inside .steps-list
   ======================================================= */

/* keep Elementor’s flex/grid from interfering */
.elementor .steps-list,
.elementor .steps-list *{ box-sizing:border-box; }

/* default: stacked */
.elementor .steps-list .step-card{ display:block; }
.elementor .steps-list .step-card .step-title{
  margin:0 0 clamp(8px,1vw,12px);
}

/* image hygiene */
.elementor .steps-list .step-card .media-frame img{
  display:block; width:100%; height:auto; border-radius:var(--radius-m, 12px);
}

/* spacing under image when stacked (portrait) */
.elementor .steps-list .step-card .media-frame{
  padding-bottom:var(--space-s, 1rem);   /* matches pad-b-s */
}

/* vertical rhythm between cards */
.elementor .steps-list .step-card + .step-card{
  margin-top:clamp(22px,2.4vw,32px);
}

/* grid on larger screens: title across; image left, text right */
@media (min-width:980px){
  .elementor .steps-list .step-card{
    display:grid;
    grid-template-areas:
      "title   title"
      "media   content";
    grid-template-columns:minmax(340px,44%) 1fr;
    gap:clamp(18px,2vw,28px);
    align-items:start;
  }
  .elementor .steps-list .step-card > header       { grid-area:title; }
  .elementor .steps-list .step-card .media-frame   { grid-area:media; padding-bottom:0; }
  .elementor .steps-list .step-card .content-frame { grid-area:content; }
}

/* Auto-numbering for step titles (remove if you type "Step 1" manually) */
.elementor .steps-list{ counter-reset:stepNum; }
.elementor .steps-list .step-card .step-title::before{
  counter-increment:stepNum;
  content:"Step " counter(stepNum) ": ";
  color:var(--ink-olive-600,#6B8E23);
  font-weight:600;
}
/* Disable prefix if you type numbers yourself by adding class steps-list--noauto */
.elementor .steps-list--noauto .step-card .step-title::before{ content:none; }

/* =======================================================
   H) MISC (Tutorial thumb tiny play badge if used)
   ======================================================= */

.tutorial-thumb{
  position:relative; display:block; overflow:hidden; border-radius:12px;
}
.tutorial-thumb::after{
  content:"▶"; position:absolute; left:10px; top:10px;
  width:28px; height:28px; line-height:28px; text-align:center;
  font-size:14px; color:#fff; background:rgba(85,107,47,.9);
  border-radius:999px; box-shadow:0 6px 28px rgba(85,107,47,.15);
}

/* =======================================================
   AFFILIATE PRODUCTS
   ======================================================= */
   
   /* Features list inside cards */
.product-feature-list{ margin:0; padding-left:1.2em; list-style:disc; }
.product-feature-list li + li{ margin-top:.35em; }

/* Tiny badge chip reused at top of card */
.chip--meta{
  display:inline-flex; align-items:center; line-height:1;
  padding:.35rem .7rem; border-radius:9999px;
  background:#FFF9F1; border:1px solid var(--ink-olive-300,#B7C2A1);
  color:var(--ink-olive-700,#3E5421);
  box-shadow:0 4px 20px rgba(85,107,47,.10);
  font-size:.75rem; font-weight:600;
}

/* Product features list inside cards */
.product-features { margin: 0; padding-left: 1.2em; }
.product-features li + li { margin-top: .35em; }

/* Optional: subtle raise on card hover (applies if your loop item uses .glow-base) */
.loop-item:hover .glow-base { transform: translateY(-3px); transition: transform .18s ease; }

/* ===========================
   Loop Grid - Nothing Found Message
   =========================== */
.elementor-loop-container .elementor-nothing-found {
  display: block;
  background: #FFF9F0; /* Cream BG (your content bg) */
  border: 1px solid rgba(66,60,55,0.08); /* Soft Charcoal @8% */
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(85,107,47,0.12); /* Olive glow */
  padding: clamp(20px, 2vw, 32px);
  text-align: center;
  font-family: var(--e-global-typography-body-font-family), sans-serif;
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgba(66,60,55,0.85); /* Soft Charcoal 85% */
  margin: clamp(16px, 2vw, 28px) auto;
  max-width: 500px; /* keeps it from stretching too wide */
}

/* Optional: Add eyebrow styling (like NEED GUIDANCE?) */
.elementor-loop-container .elementor-nothing-found::before {
  content: "Heads up";
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--olive, #6B8E23);
  margin-bottom: 6px;
}

/* ============ Complianz banner – mobile polish ============ */

/* A) Keep nice side gutters on mobile so the banner doesn't touch screen edges */
@media (max-width: 767px) {
  .cmplz-cookiebanner {
    width: calc(100% - 32px) !important;   /* 16px gutter on both sides */
    left: 16px !important;
    right: 16px !important;
    border-radius: 16px !important;
  }

  /* Comfortable inner spacing & readable text */
  .cmplz-cookiebanner,
  .cmplz-cookiebanner .cmplz-message {
    padding-left: 16px !important;
    padding-right: 16px !important;
    line-height: 1.55 !important;
  }

  /* Button sizing on mobile */
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    padding: 12px 16px !important;
    font-size: 15px !important;
  }
}

/* B) Optional: shrink the floating “Manage Consent” tab if you keep it visible on mobile */
@media (max-width: 767px) {
  .cmplz-manage-consent {
    font-size: 8px !important;
    padding: 6px 10px !important;
    border-radius: 10px !important;
    right: 12px !important;
    bottom: -10px !important; /* lift it above sticky nav/CTA if needed */
  }
}

/* C) Desktop: gently cap width & keep it tidy */
@media (min-width: 768px) {
  .cmplz-cookiebanner {
    max-width: 720px !important;
    border-radius: 16px !important;
  }
}

/* ===============================
   COMPLIANZ PLACEHOLDERS (ROBUST)
   - Works for old/new wrappers
   - Service-specific + fallbacks
   =============================== */

/* --- GENERIC WRAPPERS (fallback) --- */
.cmplz-placeholder,
.cmplz-blocked-content-container,
.cmplz-blocked-content {
  background-color: #FFF9F0 !important;     /* Cream */
  border: 2px solid #D3B49F !important;     /* Sandy Taupe */
  border-radius: 16px !important;
  padding: 2rem !important;
  color: #423C37 !important;                 /* Soft Charcoal */
  font-family: 'Montserrat', sans-serif !important;
  line-height: 1.6 !important;
}

/* Prevent the iframe’s own placeholder area from collapsing */
.cmplz-placeholder iframe,
.cmplz-blocked-content-container iframe,
.cmplz-blocked-content iframe {
  display: block;
}

/* --- SERVICE-SPECIFIC: YOUTUBE --- */
.cmplz-placeholder[data-service="youtube"],
.cmplz-blocked-content-container[data-service="youtube"],
.cmplz-blocked-content[data-service="youtube"],
/* sometimes it's 'youtube-nocookie' */
.cmplz-placeholder[data-service="youtube-nocookie"],
.cmplz-blocked-content-container[data-service="youtube-nocookie"],
.cmplz-blocked-content[data-service="youtube-nocookie"] {
  background-color: #FFF9F0 !important;     /* Cream */
  border: 2px solid #D3B49F !important;     /* Sandy Taupe */
}

/* --- SERVICE-SPECIFIC: GOOGLE MAPS --- */
.cmplz-placeholder[data-service="google-maps"],
.cmplz-blocked-content-container[data-service="google-maps"],
.cmplz-blocked-content[data-service="google-maps"],
/* sometimes it's just 'maps' or 'google' */
.cmplz-placeholder[data-service="maps"],
.cmplz-blocked-content-container[data-service="maps"],
.cmplz-blocked-content[data-service="maps"],
.cmplz-placeholder[data-service="google"],
.cmplz-blocked-content-container[data-service="google"],
.cmplz-blocked-content[data-service="google"] {
  background-color: #FAF7F2 !important;     /* Warm White */
  border: 2px dashed #B5A894 !important;    /* Warm Grey */
}

/* --- CENTER BADGE/BUTTON (the pill) --- */
.cmplz-accept-service,
.cmplz-accept-service button,
.cmplz-accept-service .cmplz-btn {
  background-color: #6B8E23 !important;     /* Olive Green */
  color: #FFF9F0 !important;                /* Cream */
  padding: 0.75rem 1.25rem !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important;
  transition: background-color .2s ease-in-out !important;
}

/* Hover state */
.cmplz-accept-service:hover,
.cmplz-accept-service button:hover,
.cmplz-accept-service .cmplz-btn:hover {
  background-color: #4C7141 !important;     /* Mossy Green */
  color: #FFF9F0 !important;
}

/* --- MAPS BADGE VARIANT (gold accent) --- */
.cmplz-placeholder[data-service="google-maps"] .cmplz-accept-service,
.cmplz-blocked-content-container[data-service="google-maps"] .cmplz-accept-service,
.cmplz-blocked-content[data-service="google-maps"] .cmplz-accept-service,
.cmplz-placeholder[data-service="maps"] .cmplz-accept-service,
.cmplz-blocked-content-container[data-service="maps"] .cmplz-accept-service,
.cmplz-blocked-content[data-service="maps"] .cmplz-accept-service,
.cmplz-placeholder[data-service="google"] .cmplz-accept-service,
.cmplz-blocked-content-container[data-service="google"] .cmplz-accept-service,
.cmplz-blocked-content[data-service="google"] .cmplz-accept-service {
  background-color: #D4AF37 !important;     /* Classic Gold */
}

.cmplz-placeholder[data-service="google-maps"] .cmplz-accept-service:hover,
.cmplz-blocked-content-container[data-service="google-maps"] .cmplz-accept-service:hover,
.cmplz-blocked-content[data-service="google-maps"] .cmplz-accept-service:hover,
.cmplz-placeholder[data-service="maps"] .cmplz-accept-service:hover,
.cmplz-blocked-content-container[data-service="maps"] .cmplz-accept-service:hover,
.cmplz-blocked-content[data-service="maps"] .cmplz-accept-service:hover,
.cmplz-placeholder[data-service="google"] .cmplz-accept-service:hover,
.cmplz-blocked-content-container[data-service="google"] .cmplz-accept-service:hover,
.cmplz-blocked-content[data-service="google"] .cmplz-accept-service:hover {
  background-color: #B5A894 !important;     /* Warm Grey */
}

/* --- Keep the pill readable over any lazy-image/thumbnail --- */
.cmplz-accept-service {
  text-shadow: none !important;
}

/* Optional: soften hard edges of the default grey overlay badge (older versions) */
.cmplz-blocked-content-notice {
  border-radius: 10px !important;
  padding: .75rem 1rem !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/montserrat-v30-latin-800.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/montserrat-v30-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/montserrat-v30-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/montserrat-v30-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/montserrat-v30-latin-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/montserrat-v30-latin-300italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/playfair-display-v39-latin-800.woff2') format('woff2');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/playfair-display-v39-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/playfair-display-v39-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/playfair-display-v39-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://inkspirepixels.com/wp-content/uploads/2025/08/playfair-display-v39-latin-italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */