/* ==========================================================================
   Adalya Hookah — "Iznik" theme layer
   Light porcelain canvas, Iznik-tile teal/cobalt, pomegranate accents.
   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:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/dm-serif-display.woff2') format('woff2');}
@font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/dm-serif-display-italic.woff2') format('woff2');}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/dm-sans.woff2') format('woff2');}

:root{
  /* palette (Dawn expects "r, g, b" triplets) */
  --color-base-text: 22, 38, 52;                  /* ink navy      #162634 */
  --color-shadow: 22, 38, 52;
  --color-base-background-1: 250, 246, 239;       /* porcelain     #FAF6EF */
  --color-base-background-2: 239, 232, 220;       /* sand glaze    #EFE8DC */
  --color-base-solid-button-labels: 255, 255, 255;
  --color-base-outline-button-labels: 14, 94, 111;
  --color-base-accent-1: 14, 94, 111;             /* iznik teal    #0E5E6F */
  --color-base-accent-2: 200, 62, 58;             /* pomegranate   #C83E3A */
  --gradient-base-background-1: #FAF6EF;
  --gradient-base-background-2: #EFE8DC;
  --gradient-base-accent-1: linear-gradient(135deg,#127487 0%,#0E5E6F 55%,#0A4654 100%);
  --gradient-base-accent-2: #C83E3A;

  --teal:#0E5E6F; --teal-light:#1B8A9C; --cobalt:#1F4E8C; --pom:#C83E3A; --pom-deep:#A22F2C;
  --ink:#162634; --porcelain:#FAF6EF; --sand:#EFE8DC; --line:rgba(14,94,111,.18);

  --font-body-family:'DM Sans','Assistant',system-ui,sans-serif;
  --font-body-weight:400; --font-body-weight-bold:700;
  --font-heading-family:'DM Serif Display',Georgia,serif;
  --font-heading-weight:400;
  --font-heading-scale:1.08;

  --card-corner-radius:1.2rem;
  --media-radius:16px;
  --buttons-radius:12px; --buttons-radius-outset:13px;
  --inputs-radius:10px;
  --badge-corner-radius:4rem;
}

/* ---------- canvas: porcelain + faint tile pattern ---------- */
html{background:var(--porcelain);}
body{
  background-color:var(--porcelain);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='none' stroke='%230E5E6F' stroke-opacity='.055' stroke-width='1.2'%3E%3Cpath d='M44 6 L82 44 L44 82 L6 44 Z'/%3E%3Ccircle cx='44' cy='44' r='13'/%3E%3Cpath d='M44 31 C50 38 50 50 44 57 C38 50 38 38 44 31 Z'/%3E%3C/g%3E%3C/svg%3E");
  color:rgb(var(--color-base-text));
  -webkit-font-smoothing:antialiased;
}
.color-background-1.gradient{background:transparent;}
::selection{background:rgba(27,138,156,.25);}

/* ---------- typography ---------- */
h1,h2,h3,.h0,.h1,.h2,.h3,.title{font-family:var(--font-heading-family); font-weight:400; letter-spacing:-.005em; line-height:1.08; color:var(--ink);}
.card__heading,.h4,h4,h5,.h5{font-family:var(--font-body-family); letter-spacing:.01em;}
.title-wrapper-with-link .title,.title-wrapper .title,.collection__title .title,.rich-text__heading,.blog__title{position:relative; padding-bottom:1.6rem;}
/* tile-ornament divider under section titles */
.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:96px; height:12px; margin-top:1.2rem;
  background:
    radial-gradient(circle at 6px 6px,var(--pom) 0 3.5px,transparent 4px),
    linear-gradient(90deg,var(--teal) 0 38px,transparent 38px 58px,var(--teal) 58px 96px) 0 5px/96px 2px no-repeat;
}
.rich-text--full-width .rich-text__heading::after,.center .title::after{margin-left:auto; margin-right:auto; background:
    radial-gradient(circle at 48px 6px,var(--pom) 0 3.5px,transparent 4px),
    linear-gradient(90deg,var(--teal) 0 38px,transparent 38px 58px,var(--teal) 58px 96px) 0 5px/96px 2px no-repeat;}
a:not(.button):not(.full-unstyled-link):not(.header__menu-item):not(.list-menu__item){color:var(--teal);}
.rte a{color:var(--teal); text-decoration-color:rgba(14,94,111,.4);}
.rte a:hover{color:var(--pom);}
.rte h2,.rte h3{color:var(--teal);}
.rte blockquote{border-left:3px solid var(--pom); font-family:var(--font-heading-family); font-style:italic; font-size:1.3em; color:var(--ink);}
.caption-with-letter-spacing,.subtitle{color:var(--pom); letter-spacing:.2em; text-transform:uppercase; font-weight:700;}

/* ---------- announcement + header ---------- */
.announcement-bar{background:var(--teal); border:0;}
.announcement-bar__message{color:#fff; font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:1.15rem;}
.header-wrapper{
  background:rgba(250,246,239,.88) !important; backdrop-filter:saturate(150%) blur(10px); -webkit-backdrop-filter:saturate(150%) blur(10px);
  border-bottom:1px solid var(--line) !important;
}
.header__heading-link .h2,.header__heading-link{font-family:var(--font-heading-family); font-size:2.8rem; color:var(--teal); letter-spacing:.01em;}
.header__heading-link:hover .h2{color:var(--pom);}
.header__menu-item{color:var(--ink); letter-spacing:.1em; text-transform:uppercase; font-size:1.25rem; font-weight:600;}
.header__menu-item:hover,.header__active-menu-item{color:var(--pom) !important; text-decoration:none !important;}
.header__active-menu-item{box-shadow:inset 0 -2px 0 var(--pom);}
.menu-drawer{background:var(--porcelain); border-right:1px solid var(--line);}
.menu-drawer__menu-item{font-family:var(--font-heading-family); font-size:2.3rem; color:var(--ink);}
.header__submenu,.header__submenu.list-menu{background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 18px 40px -20px rgba(22,38,52,.35);}

/* ---------- buttons ---------- */
.button,.shopify-challenge__button,.customer button{
  font-family:var(--font-body-family); font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:1.3rem;
  background:linear-gradient(135deg,#D9534E,var(--pom) 50%,var(--pom-deep)); color:#fff; border-radius:12px;
  box-shadow:0 10px 24px -12px rgba(200,62,58,.6); transition:transform .2s, box-shadow .2s, filter .2s;
}
.button:after,.button:before{box-shadow:none !important;}
.button:hover{transform:translateY(-1px); filter:brightness(1.05); box-shadow:0 14px 30px -12px rgba(200,62,58,.7);}
.button--secondary{background:transparent; color:var(--teal); border:1.5px solid var(--teal); box-shadow:none;}
.button--secondary:hover{background:rgba(14,94,111,.07);}
/* inline "Shop Now" buttons inside descriptions (dark inline style from Shopify) */
td[bgcolor="#2b3138"],td[style*="#2b3138"]{
  background:linear-gradient(135deg,#D9534E,#C83E3A 50%,#A22F2C) !important; border-radius:12px !important;
}
a[style*="#2b3138"]{background:transparent !important; color:#fff !important; font-weight:700 !important; letter-spacing:.14em; text-transform:uppercase;}
a[style*="#2b3138"] span{color:#fff !important; font-family:'DM Sans',sans-serif !important; font-weight:700 !important;}
.mobile-button{max-width:420px !important; width:100% !important;}
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 12px 28px -14px rgba(200,62,58,.7) !important;}

/* ---------- product cards ---------- */
.card-wrapper{transition:transform .3s cubic-bezier(.2,.7,.2,1);}
.card-wrapper:hover{transform:translateY(-4px);}
.card--standard .card__inner,.card--media .card__inner{
  background:#fff !important; border-radius:16px; overflow:hidden;
  border:1px solid rgba(14,94,111,.14); box-shadow:0 14px 30px -22px rgba(22,38,52,.45);
}
.card__inner .card__media,.card__inner .card__media .media{background:#fff !important;}
.card-wrapper:hover .card__inner{border-color:rgba(14,94,111,.45); box-shadow:0 20px 40px -22px rgba(14,94,111,.5);}
.card__media img{transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.card-wrapper:hover .card__media img{transform:scale(1.05);}
.card--text .card__inner{background:var(--sand) !important;}
.card__heading,.card__heading a{color:var(--ink); font-weight:700; font-size:1.55rem;}
.card-wrapper:hover .card__heading a{color:var(--teal); text-decoration:none;}
.card__information{padding-top:1.1rem !important;}
.price,.price-item{color:var(--pom); font-weight:700;}
.badge{background:var(--pom); color:#fff; border:0; font-weight:700; letter-spacing:.08em;}

/* ---------- product page ---------- */
.product__media-list .product__media-item .product__media,.product__media{
  background:#fff; border-radius:20px; overflow:hidden; border:1px solid rgba(14,94,111,.14);
  box-shadow:0 24px 50px -30px rgba(22,38,52,.5);
}
.product__title h1{font-size:clamp(3.4rem,4.2vw,5.2rem); color:var(--ink); margin-bottom:.6rem;}
.product__info-container .product__description{line-height:1.8; color:rgba(22,38,52,.86);}
.product-form__input input[type=radio]+label{border-radius:10px; border:1.5px solid var(--line); background:#fff; color:var(--ink); font-weight:600;}
.product-form__input input[type=radio]:checked+label{background:var(--teal) !important; color:#fff !important; border-color:var(--teal) !important;}
.product-form__input input[type=radio]+label:hover{border-color:var(--teal);}
.product__view-details{color:var(--teal);}
.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{max-width:72rem; line-height:1.8; color:rgba(22,38,52,.8);}
.select__select,.field__input{background:#fff; border-radius:10px;}
.article-card{border-radius:16px; overflow:hidden; border:1px solid var(--line); background:#fff;}
.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);}
.article-template__content{font-size:1.75rem; line-height:1.85;}
.article-template__content p:first-of-type::first-letter{
  font-family:var(--font-heading-family); float:left; font-size:5em; line-height:.8; padding:.35rem .8rem 0 0; color:var(--pom);
}

/* ---------- home sections ---------- */
.banner__box,.image-with-text__content{background:rgba(250,246,239,.92) !important; border:1px solid var(--line); border-radius:20px;}
.image-with-text__media,.banner__media{border-radius:20px; overflow:hidden;}
.multicolumn-card{background:#fff !important; border:1px solid var(--line); border-radius:16px;}
.rich-text__text{line-height:1.8; color:rgba(22,38,52,.82);}
.collection__view-all{margin-top:3rem;}
.slider-button{color:var(--teal);}
hr{border-color:var(--line);}

/* ---------- footer: deep teal band ---------- */
.footer{background:linear-gradient(180deg,#0E5E6F 0%,#0A4654 100%) !important; border-top:4px solid var(--pom) !important; color:#E8F2F3;}
.footer .footer-block__heading{font-family:var(--font-heading-family); color:#fff; font-size:2rem;}
.footer .list-menu__item--link,.footer a,.footer p{color:rgba(232,242,243,.82) !important;}
.footer .list-menu__item--link:hover,.footer a:hover{color:#fff !important;}
.footer__copyright,.copyright__content{color:rgba(232,242,243,.6) !important; letter-spacing:.05em;}
.newsletter__wrapper{border:1px solid var(--line); border-radius:22px;}

/* ---------- misc ---------- */
*:focus-visible{outline-color:var(--pom) !important;}
::-webkit-scrollbar{width:10px;} ::-webkit-scrollbar-track{background:var(--sand);} ::-webkit-scrollbar-thumb{background:#9DB9BF; border-radius:10px;} ::-webkit-scrollbar-thumb:hover{background:var(--teal);}
@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.2rem;} .card__heading,.card__heading a{font-size:1.4rem;} }