/*
Theme Name: Dukat
Theme URI: https://dukatolives.com
Author: Soifon
Description: Dukat Olives block theme. Layouts are template files, brand tokens live in theme.json, sections come from the Dukat Sections plugin.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: dukat
*/

/*
 * Base, matched to how the Shopify store rendered under Horizon with the Dukat brand layer
 * (dukat-brand.liquid). Our own rules; type sizes and colors come from theme.json.
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100svh;
  font-variation-settings: 'slnt' 0;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

img {
  width: 100%;
  height: auto;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

p:empty {
  display: none;
}

:first-child:is(p, h1, h2, h3, h4, h5, h6),
:first-child:empty + :where(p, h1, h2, h3, h4, h5, h6) {
  margin-block-start: 0;
}

/* Italic text in a heading is the accent: PP Woodland, upright. */
:is(h1, h2, h3, h4, h5, h6) em {
  font-family: var(--wp--preset--font-family--accent);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* Links: no underline by default, underlined inside running text. */
a {
  color: currentcolor;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.075em;
  text-underline-offset: 0.125em;
  transition: text-decoration-color 0.25s ease-out, color 0.25s ease-out;
}

p a,
.rte :is(p, ul, ol, table) a {
  text-decoration-color: currentcolor;
}

*:focus-visible {
  outline: 0.09375rem solid currentcolor;
  outline-offset: 0.2em;
}

/* Desktop scale: the Shopify "Desktop scale" setting (theme.json custom.desktopScale). */
@media screen and (min-width: 990px) {
  html { font-size: calc(var(--wp--custom--desktop-scale) * 100%); }
  :root { --dk-z: var(--wp--custom--desktop-scale); }
}