/* k-sensual.art - theme settings (extracted from Shopify Dawn inline styles) */

/* Assistant variable font, self-hosted (weights 400-700) */
@font-face {
  font-family: Assistant;
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  src: url("../assets/fonts/assistant-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Assistant;
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  src: url("../assets/fonts/assistant-hebrew.woff2") format("woff2");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* Color schemes */
:root,
.color-background-1 {
  --color-background: 255,255,255;
  --gradient-background: #ffffff;
  --color-foreground: 18,18,18;
  --color-shadow: 18,18,18;
  --color-button: 18,18,18;
  --color-button-text: 255,255,255;
  --color-secondary-button: 255,255,255;
  --color-secondary-button-text: 18,18,18;
  --color-link: 18,18,18;
  --color-badge-foreground: 18,18,18;
  --color-badge-background: 255,255,255;
  --color-badge-border: 18,18,18;
  --payment-terms-background-color: rgb(255 255 255);
}

.color-background-2 {
  --color-background: 231,241,187;
  --gradient-background: #e7f1bb;
  --color-foreground: 18,18,18;
  --color-shadow: 18,18,18;
  --color-button: 0,175,240;
  --color-button-text: 243,243,243;
  --color-secondary-button: 231,241,187;
  --color-secondary-button-text: 18,18,18;
  --color-link: 18,18,18;
  --color-badge-foreground: 18,18,18;
  --color-badge-background: 231,241,187;
  --color-badge-border: 18,18,18;
  --payment-terms-background-color: rgb(231 241 187);
}

.color-inverse {
  --color-background: 36,40,51;
  --gradient-background: #242833;
  --color-foreground: 255,255,255;
  --color-shadow: 18,18,18;
  --color-button: 255,255,255;
  --color-button-text: 0,0,0;
  --color-secondary-button: 36,40,51;
  --color-secondary-button-text: 255,255,255;
  --color-link: 255,255,255;
  --color-badge-foreground: 255,255,255;
  --color-badge-background: 36,40,51;
  --color-badge-border: 255,255,255;
  --payment-terms-background-color: rgb(36 40 51);
}

.color-accent-1 {
  --color-background: 18,18,18;
  --gradient-background: #121212;
  --color-foreground: 255,255,255;
  --color-shadow: 18,18,18;
  --color-button: 255,255,255;
  --color-button-text: 18,18,18;
  --color-secondary-button: 18,18,18;
  --color-secondary-button-text: 255,255,255;
  --color-link: 255,255,255;
  --color-badge-foreground: 255,255,255;
  --color-badge-background: 18,18,18;
  --color-badge-border: 255,255,255;
  --payment-terms-background-color: rgb(18 18 18);
}

.color-accent-2 {
  --color-background: 29,132,130;
  --gradient-background: #1d8482;
  --color-foreground: 231,241,187;
  --color-shadow: 18,18,18;
  --color-button: 255,255,255;
  --color-button-text: 51,79,180;
  --color-secondary-button: 29,132,130;
  --color-secondary-button-text: 231,241,187;
  --color-link: 231,241,187;
  --color-badge-foreground: 231,241,187;
  --color-badge-background: 29,132,130;
  --color-badge-border: 231,241,187;
  --payment-terms-background-color: rgb(29 132 130);
}

/* Main scheme: lime background / red foreground / teal buttons */
.color-scheme-main {
  --color-background: 231,241,187;
  --gradient-background: #e7f1bb;
  --color-foreground: 217,42,42;
  --color-shadow: 113,113,113;
  --color-button: 29,132,130;
  --color-button-text: 231,241,187;
  --color-secondary-button: 231,241,187;
  --color-secondary-button-text: 225,42,42;
  --color-link: 225,42,42;
  --color-badge-foreground: 217,42,42;
  --color-badge-background: 231,241,187;
  --color-badge-border: 217,42,42;
  --payment-terms-background-color: rgb(231 241 187);
}

.color-scheme-teal {
  --color-background: 25,127,125;
  --gradient-background: #197f7d;
  --color-foreground: 234,121,121;
  --color-shadow: 21,97,95;
  --color-button: 234,121,121;
  --color-button-text: 234,121,121;
  --color-secondary-button: 25,127,125;
  --color-secondary-button-text: 234,121,121;
  --color-link: 234,121,121;
  --color-badge-foreground: 234,121,121;
  --color-badge-background: 25,127,125;
  --color-badge-border: 234,121,121;
  --payment-terms-background-color: rgb(25 127 125);
}

body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-main, .color-scheme-teal {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
}

/* Theme settings */
:root {
  --font-body-family: Assistant, sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bold: 700;

  --font-heading-family: Assistant, sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 400;

  --font-body-scale: 1.0;
  --font-heading-scale: 1.0;

  --media-padding: px;
  --media-border-opacity: 0.05;
  --media-border-width: 1px;
  --media-radius: 0px;
  --media-shadow-opacity: 0.0;
  --media-shadow-horizontal-offset: 0px;
  --media-shadow-vertical-offset: 4px;
  --media-shadow-blur-radius: 5px;
  --media-shadow-visible: 0;

  --page-width: 120rem;
  --page-width-margin: 0rem;

  --product-card-image-padding: 0.0rem;
  --product-card-corner-radius: 0.0rem;
  --product-card-text-alignment: left;
  --product-card-border-width: 0.0rem;
  --product-card-border-opacity: 0.1;
  --product-card-shadow-opacity: 0.0;
  --product-card-shadow-visible: 0;
  --product-card-shadow-horizontal-offset: 0.0rem;
  --product-card-shadow-vertical-offset: 0.4rem;
  --product-card-shadow-blur-radius: 0.5rem;

  --collection-card-image-padding: 0.0rem;
  --collection-card-corner-radius: 0.0rem;
  --collection-card-text-alignment: left;
  --collection-card-border-width: 0.0rem;
  --collection-card-border-opacity: 0.1;
  --collection-card-shadow-opacity: 0.0;
  --collection-card-shadow-visible: 0;
  --collection-card-shadow-horizontal-offset: 0.0rem;
  --collection-card-shadow-vertical-offset: 0.4rem;
  --collection-card-shadow-blur-radius: 0.5rem;

  --blog-card-image-padding: 0.0rem;
  --blog-card-corner-radius: 0.0rem;
  --blog-card-text-alignment: left;
  --blog-card-border-width: 0.0rem;
  --blog-card-border-opacity: 0.1;
  --blog-card-shadow-opacity: 0.0;
  --blog-card-shadow-visible: 0;
  --blog-card-shadow-horizontal-offset: 0.0rem;
  --blog-card-shadow-vertical-offset: 0.4rem;
  --blog-card-shadow-blur-radius: 0.5rem;

  --badge-corner-radius: 4.0rem;

  --popup-border-width: 1px;
  --popup-border-opacity: 0.1;
  --popup-corner-radius: 0px;
  --popup-shadow-opacity: 0.05;
  --popup-shadow-horizontal-offset: 0px;
  --popup-shadow-vertical-offset: 4px;
  --popup-shadow-blur-radius: 5px;

  --drawer-border-width: 1px;
  --drawer-border-opacity: 0.1;
  --drawer-shadow-opacity: 0.0;
  --drawer-shadow-horizontal-offset: 0px;
  --drawer-shadow-vertical-offset: 4px;
  --drawer-shadow-blur-radius: 5px;

  --spacing-sections-desktop: 0px;
  --spacing-sections-mobile: 0px;

  --grid-desktop-vertical-spacing: 8px;
  --grid-desktop-horizontal-spacing: 8px;
  --grid-mobile-vertical-spacing: 4px;
  --grid-mobile-horizontal-spacing: 4px;

  --text-boxes-border-opacity: 0.1;
  --text-boxes-border-width: 0px;
  --text-boxes-radius: 0px;
  --text-boxes-shadow-opacity: 0.0;
  --text-boxes-shadow-visible: 0;
  --text-boxes-shadow-horizontal-offset: 0px;
  --text-boxes-shadow-vertical-offset: 4px;
  --text-boxes-shadow-blur-radius: 5px;

  --buttons-radius: 0px;
  --buttons-radius-outset: 0px;
  --buttons-border-width: 1px;
  --buttons-border-opacity: 1.0;
  --buttons-shadow-opacity: 0.0;
  --buttons-shadow-visible: 0;
  --buttons-shadow-horizontal-offset: 0px;
  --buttons-shadow-vertical-offset: 4px;
  --buttons-shadow-blur-radius: 5px;
  --buttons-border-offset: 0px;

  --inputs-radius: 0px;
  --inputs-border-width: 1px;
  --inputs-border-opacity: 0.55;
  --inputs-shadow-opacity: 0.0;
  --inputs-shadow-horizontal-offset: 0px;
  --inputs-margin-offset: 0px;
  --inputs-shadow-vertical-offset: 4px;
  --inputs-shadow-blur-radius: 5px;
  --inputs-radius-outset: 0px;

  --variant-pills-radius: 40px;
  --variant-pills-border-width: 1px;
  --variant-pills-border-opacity: 0.55;
  --variant-pills-shadow-opacity: 0.0;
  --variant-pills-shadow-horizontal-offset: 0px;
  --variant-pills-shadow-vertical-offset: 4px;
  --variant-pills-shadow-blur-radius: 5px;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: calc(var(--font-body-scale) * 62.5%);
  height: 100%;
}

body {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100%;
  margin: 0;
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

@media screen and (min-width: 750px) {
  body {
    font-size: 1.6rem;
  }
}

/* Dawn custom elements (no JS registered - force block layout) */
slider-component,
media-gallery,
product-info {
  display: block;
}

/* Header */
.header {
  padding: 18px 3rem 4px 3rem;
}

/* Avatar is a square photo - crop to circle like the original logo */
.header__heading-logo {
  border-radius: 50%;
  object-fit: cover;
}

.section-header {
  position: sticky;
  margin-bottom: 0px;
}

@media screen and (min-width: 990px) {
  .header {
    padding-top: 36px;
    padding-bottom: 8px;
  }
}

/* Announcement bar */
.announcement-bar__message.h5 {
  font-size: 2rem;
}

/* Section paddings */
.section-social-padding {
  padding-top: 24px;
  padding-bottom: 24px;
}

.section-onlyfans-padding {
  padding-top: 30px;
  padding-bottom: 39px;
}

.section-broadcasting-padding {
  padding-top: 57px;
  padding-bottom: 24px;
}

.section-wishlist-padding {
  padding-top: 60px;
  padding-bottom: 57px;
}

.section-featured-padding {
  padding-top: 27px;
  padding-bottom: 75px;
}

.section-collection-padding {
  padding-top: 75px;
  padding-bottom: 27px;
}

.section-spacer-padding {
  padding-top: 75px;
  padding-bottom: 0px;
}

@media screen and (min-width: 750px) {
  .section-social-padding {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section-onlyfans-padding {
    padding-top: 40px;
    padding-bottom: 52px;
  }

  .section-broadcasting-padding {
    padding-top: 76px;
    padding-bottom: 32px;
  }

  .section-wishlist-padding {
    padding-top: 80px;
    padding-bottom: 76px;
  }

  .section-featured-padding {
    padding-top: 36px;
    padding-bottom: 100px;
  }

  .section-collection-padding {
    padding-top: 100px;
    padding-bottom: 36px;
  }

  .section-spacer-padding {
    padding-top: 100px;
    padding-bottom: 0px;
  }
}

/* Footer */
.footer {
  margin-top: 0px;
}

.section-footer-padding {
  padding-top: 75px;
  padding-bottom: 15px;
}

@media screen and (min-width: 750px) {
  .footer {
    margin-top: 0px;
  }

  .section-footer-padding {
    padding-top: 100px;
    padding-bottom: 20px;
  }
}

/* Broadcasting & Wishlist section wrappers
   (originally targeted by Shopify section IDs in base.css) */
.section-lime-bg {
  background-color: #e7f1bb;
}

/* Product cards */
.card {
  background-color: #e7f1bb;
}
