/* ==========================================================================
   Al Fakher Flavors — "Smoke & Brass" theme layer
   Loaded after Dawn's CSS; restyles colors, type and surfaces only.
   Markup/structure untouched. Remove the <link> to theme.css to roll back.
   ========================================================================== */

@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url('/assets/fonts/cormorant-garamond.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url('/assets/fonts/cormorant-garamond-italic.woff2') format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/manrope.woff2') format('woff2');}

:root{
  /* palette (Dawn expects "r, g, b" triplets) */
  --color-base-text: 237, 228, 214;               /* warm cream   #EDE4D6 */
  --color-shadow: 0, 0, 0;
  --color-base-background-1: 20, 17, 15;          /* smoke black  #14110F */
  --color-base-background-2: 30, 26, 23;          /* ember brown  #1E1A17 */
  --color-base-solid-button-labels: 20, 17, 15;
  --color-base-outline-button-labels: 214, 178, 110;
  --color-base-accent-1: 200, 161, 90;            /* brass        #C8A15A */
  --color-base-accent-2: 217, 130, 75;            /* coal glow    #D9824B */
  --gradient-base-background-1: #14110F;
  --gradient-base-background-2: #1E1A17;
  --gradient-base-accent-1: linear-gradient(135deg,#E2C07F 0%,#C8A15A 45%,#9C7A3C 100%);
  --gradient-base-accent-2: #D9824B;

  --brass: #C8A15A; --brass-light: #E2C07F; --brass-deep: #9C7A3C;
  --cream: #EDE4D6; --plate: #F4ECDF; --ink: #14110F;
  --line: rgba(200,161,90,.22);

  --font-body-family: 'Manrope', 'Assistant', system-ui, sans-serif;
  --font-body-weight: 400; --font-body-weight-bold: 700;
  --font-heading-family: 'Cormorant Garamond', Georgia, serif;
  --font-heading-weight: 600;
  --font-heading-scale: 1.12;

  --card-corner-radius: 1.4rem;
  --media-radius: 18px;
  --buttons-radius: 40px; --buttons-radius-outset: 41px;
  --inputs-radius: 12px;
  --badge-corner-radius: 4rem;
}

/* ---------- canvas: smoke + grain ---------- */
html{background:#14110F;}
body{
  background:
    radial-gradient(1200px 600px at 12% -10%, rgba(200,161,90,.10), transparent 60%),
    radial-gradient(900px 500px at 100% 20%, rgba(217,130,75,.07), transparent 60%),
    #14110F;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
}
body::before{ /* film grain */
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
main, .shopify-section{position:relative; z-index:1;}
.gradient{background-attachment:scroll;}
.color-background-1.gradient{background:transparent;}
::selection{background:rgba(200,161,90,.35); color:#fff;}

/* ---------- typography ---------- */
h1,h2,h3,.h0,.h1,.h2,.h3,.title{font-family:var(--font-heading-family); font-weight:600; letter-spacing:.005em; line-height:1.1;}
.h4,h4,h5,.h5,.card__heading{font-family:var(--font-body-family); letter-spacing:.02em;}
.title,.collection-hero__title,.main-page-title,.product__title h1{color:var(--cream);}
.title-wrapper-with-link .title,.title-wrapper .title,.collection__title .title,.rich-text__heading,.blog__title{
  position:relative; padding-bottom:1.4rem;
}
.title-wrapper-with-link .title::after,.collection__title .title::after,.rich-text__heading::after,.blog__title::after,.collection-hero__title::after,.main-page-title::after{
  content:""; display:block; width:64px; height:2px; margin-top:1.2rem;
  background:linear-gradient(90deg,var(--brass-light),var(--brass),transparent);
}
.rich-text--full-width .rich-text__heading::after,.center .title::after{margin-left:auto; margin-right:auto;}
a:not(.button):not(.full-unstyled-link):not(.header__menu-item):not(.list-menu__item){color:var(--brass-light);}
.rte a{color:var(--brass-light); text-decoration-color:rgba(200,161,90,.5);}
.rte a:hover{color:#fff;}
.rte h2,.rte h3{color:var(--brass-light);}
.rte blockquote{border-left:2px solid var(--brass); color:var(--cream); font-family:var(--font-heading-family); font-style:italic; font-size:1.25em;}
.caption-with-letter-spacing,.subtitle{color:var(--brass); letter-spacing:.2em; text-transform:uppercase;}

/* ---------- announcement + header ---------- */
.announcement-bar{background:linear-gradient(90deg,#9C7A3C,#C8A15A 50%,#9C7A3C); border:0;}
.announcement-bar__message{color:var(--ink); font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:1.15rem;}
.header-wrapper{
  background:rgba(20,17,15,.82) !important; backdrop-filter:saturate(140%) blur(12px); -webkit-backdrop-filter:saturate(140%) blur(12px);
  border-bottom:1px solid var(--line) !important;
}
.header__heading-link .h2,.header__heading-link{font-family:var(--font-heading-family); font-size:2.6rem; font-weight:600; letter-spacing:.04em; color:var(--cream);}
.header__heading-link:hover .h2{color:var(--brass-light);}
.header__menu-item{color:rgba(237,228,214,.78); letter-spacing:.12em; text-transform:uppercase; font-size:1.25rem; font-weight:500;}
.header__menu-item:hover,.header__active-menu-item{color:var(--brass-light) !important; text-decoration:none !important;}
.header__active-menu-item{border-bottom:1px solid var(--brass); padding-bottom:.2rem;}
.header__icon,.header__icon .icon{color:var(--cream);}
.menu-drawer{background:#1A1613; border-right:1px solid var(--line);}
.menu-drawer__menu-item{color:var(--cream); font-family:var(--font-heading-family); font-size:2.2rem;}
.header__submenu,.header__submenu.list-menu{background:#1A1613; border:1px solid var(--line); border-radius:14px;}

/* ---------- buttons ---------- */
.button,.shopify-challenge__button,.customer button{
  font-family:var(--font-body-family); font-weight:700; letter-spacing:.16em; text-transform:uppercase; font-size:1.25rem;
  background:linear-gradient(135deg,var(--brass-light),var(--brass) 45%,var(--brass-deep)); color:var(--ink);
  border-radius:40px; box-shadow:0 8px 24px -10px rgba(200,161,90,.55); transition:transform .2s ease, box-shadow .2s ease, filter .2s;
}
.button:after,.button:before{box-shadow:none !important;}
.button:hover{transform:translateY(-1px); filter:brightness(1.06); box-shadow:0 14px 30px -12px rgba(200,161,90,.7);}
.button--secondary{background:transparent; color:var(--brass-light); border:1px solid var(--brass); box-shadow:none;}
.button--secondary:hover{background:rgba(200,161,90,.1);}
/* the inline "Shop Now" buttons that live inside product/collection descriptions */
td[bgcolor="#2b3138"],td[style*="#2b3138"]{
  background:linear-gradient(135deg,#E2C07F,#C8A15A 45%,#9C7A3C) !important; border-radius:40px !important;
  box-shadow:0 10px 28px -12px rgba(200,161,90,.7);
}
a[style*="#2b3138"]{background:transparent !important; color:#14110F !important; font-weight:700 !important; letter-spacing:.16em; text-transform:uppercase;}
a[style*="#2b3138"] span{color:#14110F !important; font-family:'Manrope',sans-serif !important; font-weight:700 !important;}
.mobile-button{max-width:420px !important; width:100% !important;}
/* wrapper table of those buttons: drop Dawn's .rte table borders */
center > table,center > table > tbody > tr > td,.mobile-button,.mobile-button td{border:0 !important; box-shadow:none !important;}
.mobile-button td[bgcolor]{box-shadow:0 10px 28px -12px rgba(200,161,90,.7) !important;}

/* ---------- product cards ---------- */
.card-wrapper{transition:transform .35s cubic-bezier(.2,.7,.2,1);}
.card-wrapper:hover{transform:translateY(-4px);}
.card--standard .card__inner,.card--media .card__inner{
  background:radial-gradient(120% 90% at 50% 20%, #FBF6EE 0%, var(--plate) 55%, #E6D8C2 100%) !important;
  border-radius:18px; overflow:hidden; border:1px solid rgba(200,161,90,.25);
  box-shadow:0 18px 40px -24px rgba(0,0,0,.9);
}
.card-wrapper:hover .card__inner{border-color:rgba(226,192,127,.7); box-shadow:0 22px 50px -22px rgba(200,161,90,.45);}
/* Dawn's .card__media is its own stacking context, so the plate must live on it for multiply to blend */
.card__inner .card__media,.card__inner .card__media .media{
  background:radial-gradient(120% 90% at 50% 20%, #FBF6EE 0%, var(--plate) 55%, #E6D8C2 100%) !important;
}
.card__media .media img,.card__inner img{mix-blend-mode:multiply; transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.card-wrapper:hover .card__media img{transform:scale(1.05);}
.card--text .card__inner{background:#1E1A17 !important;}
.card__heading,.card__heading a{color:var(--cream); font-weight:600; font-size:1.55rem; letter-spacing:.01em;}
.card-wrapper:hover .card__heading a{color:var(--brass-light); text-decoration:none;}
.card__information{padding-top:1.2rem !important;}
.price,.price-item{color:var(--brass-light); font-weight:600; letter-spacing:.04em;}
.badge{background:var(--brass); color:var(--ink); border:0; font-weight:700; letter-spacing:.1em;}

/* ---------- product page ---------- */
.product__media-list .product__media-item .product__media,.product__media{
  background:radial-gradient(120% 90% at 50% 25%, #FBF6EE 0%, var(--plate) 55%, #E6D8C2 100%);
  border-radius:22px; overflow:hidden; border:1px solid rgba(200,161,90,.25);
}
.product__media img{mix-blend-mode:multiply;}
.product__title h1{font-size:clamp(3.4rem,4.2vw,5.2rem); margin-bottom:.6rem;}
.product__info-container .product__description{color:rgba(237,228,214,.86); line-height:1.8;}
.product-form__input input[type=radio]+label{
  border-radius:40px; border:1px solid var(--line); background:transparent; color:var(--cream); letter-spacing:.08em;
}
.product-form__input input[type=radio]:checked+label{background:var(--brass); color:var(--ink); border-color:var(--brass);}
.product-form__input input[type=radio]+label:hover{border-color:var(--brass);}
.product__view-details{color:var(--brass-light);}
.product-recommendations .title{text-align:center;}
.product-recommendations .title::after{margin:1.2rem auto 0;}

/* ---------- collection / blog ---------- */
.collection-hero{border-bottom:1px solid var(--line); padding-bottom:2rem;}
.collection-hero__title{font-size:clamp(3.6rem,5vw,6rem);}
.collection-hero__description{color:rgba(237,228,214,.8); max-width:72rem; line-height:1.8;}
.facets-container,.facet-filters,.mobile-facets__wrapper{border-color:var(--line);}
.select__select,.field__input,.facet-filters__field .select__select{background:#1E1A17; color:var(--cream); border-radius:12px;}
.pagination__item{color:var(--cream); border-radius:50%;}
.pagination__item--current{background:var(--brass); color:var(--ink);}
.article-card{border-radius:18px; overflow:hidden; border:1px solid var(--line); background:#1E1A17;}
.article-card__image-wrapper img{transition:transform .6s;}
.article-card:hover .article-card__image-wrapper img{transform:scale(1.04);}
.article-card__title{font-family:var(--font-heading-family); font-size:2.2rem;}
.article-template__title{font-size:clamp(3.4rem,4.6vw,5.6rem); color:var(--cream);}
.article-template__content{font-size:1.75rem; line-height:1.85; color:rgba(237,228,214,.9);}
.article-template__content p:first-of-type::first-letter{
  font-family:var(--font-heading-family); float:left; font-size:5.2em; line-height:.8; padding:.35rem .8rem 0 0; color:var(--brass-light);
}
.circle-divider::after{color:var(--brass);}

/* ---------- home sections ---------- */
.banner__box,.image-with-text__content{background:rgba(20,17,15,.72) !important; backdrop-filter:blur(8px); border:1px solid var(--line); border-radius:22px;}
.image-with-text__media,.banner__media{border-radius:22px; overflow:hidden;}
.multicolumn-card{background:#1E1A17 !important; border:1px solid var(--line); border-radius:18px;}
.rich-text__blocks{max-width:86rem;}
.rich-text__text{color:rgba(237,228,214,.82); line-height:1.8;}
.collection__view-all{margin-top:3rem;}
.slider-button{color:var(--brass-light);}
.slider-counter{color:rgba(237,228,214,.7);}
hr{border-color:var(--line);}

/* ---------- footer ---------- */
.footer{background:linear-gradient(180deg,#14110F 0%,#0D0B0A 100%) !important; border-top:1px solid var(--line) !important;}
.footer-block__heading{font-family:var(--font-heading-family); color:var(--brass-light); font-size:2rem;}
.footer .list-menu__item--link,.footer a{color:rgba(237,228,214,.72);}
.footer .list-menu__item--link:hover,.footer a:hover{color:var(--brass-light);}
.footer__copyright,.copyright__content{color:rgba(237,228,214,.5); letter-spacing:.06em;}
.footer .list-payment__item svg{opacity:.8; border-radius:4px;}
.newsletter__wrapper{border:1px solid var(--line); border-radius:24px;}

/* ---------- misc ---------- */
.skip-to-content-link:focus{background:var(--brass); color:var(--ink);}
*:focus-visible{outline-color:var(--brass) !important;}
.visually-hidden{color:inherit;}
::-webkit-scrollbar{width:10px;} ::-webkit-scrollbar-track{background:#0D0B0A;} ::-webkit-scrollbar-thumb{background:#3A3129; border-radius:10px;} ::-webkit-scrollbar-thumb:hover{background:var(--brass-deep);}

@media (prefers-reduced-motion: reduce){
  .card-wrapper,.card__media img,.button{transition:none !important;}
  .card-wrapper:hover{transform:none;}
}
@media screen and (max-width: 749px){
  .header__heading-link .h2{font-size:2.1rem;}
  .card__heading,.card__heading a{font-size:1.4rem;}
  .card--standard .card__inner{border-radius:14px;}
}