/*
Theme Name: Juvelieris Studio
Theme URI: https://stl.rotuupe.lv/
Author: Juvelieris Studio
Description: Vizuāli rediģējama WordPress block/FSE tēma Juvelieris STL konfiguratoram un WooCommerce veikalam. Paredzēta darbam ar Gutenberg Site Editor un TranslatePress.
Version: 1.3.1
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: juvelieris-studio-theme
Tags: block-patterns, block-styles, full-site-editing, wide-blocks, translation-ready, e-commerce
*/

/* Theme-level responsive polish. Most styling is intentionally editable in Global Styles. */
html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

.jst-site-shell { min-height: 100vh; }
.jst-site-header { position: relative; z-index: 50; }
.jst-site-header .wp-block-navigation { min-width: 0; }
.jst-site-header .wp-block-navigation-item__content { text-decoration: none; }
.jst-site-header .wp-block-navigation__responsive-container.is-menu-open {
  padding: var(--wp--preset--spacing--40);
}

.jst-language-switcher:empty { display:none; }
.jst-language-switcher .trp-language-switcher,
.jst-language-switcher .trp-language-switcher > div { width:auto !important; }

.jst-card {
  height: 100%;
  box-sizing: border-box;
}

/* Keep the configurator truly full-width when its page/template is full width. */
.wp-block-post-content > .wp-block-juvelieris-stl-studio.alignfull,
.wp-block-post-content > .jst-studio.alignfull,
.wp-block-post-content > [class*="juvelieris"]:where(.alignfull) {
  width: 100%;
  max-width: none;
}

.woocommerce .woocommerce-breadcrumb { font-size: var(--wp--preset--font-size--small); }
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button { border-radius: var(--wp--custom--radius--button); }

@media (max-width: 781px) {
  .jst-site-header .jst-header-row { gap: var(--wp--preset--spacing--20) !important; }
  .jst-site-header .wp-block-site-title { font-size: 1.05rem !important; }
  .jst-site-header .wp-block-navigation__responsive-container-open { display:flex; }
  .jst-site-main { overflow-x: clip; }
  .jst-mobile-stack { flex-direction: column !important; align-items: stretch !important; }
  .jst-mobile-full { width:100% !important; }
}

/* ===== Juvelieris Studio 1.1 visual system ===== */
.jst-hero{
  background:
    radial-gradient(circle at 82% 26%, rgba(216,178,106,.20), transparent 25rem),
    linear-gradient(180deg,#fbfaf7 0%,var(--wp--preset--color--background) 100%);
  overflow:hidden;
}
.jst-eyebrow{letter-spacing:.12em;text-transform:uppercase}
.jst-hero-trust{gap:1rem 1.4rem!important;color:var(--wp--preset--color--muted)}
.jst-hero-trust p{margin:0}
.jst-hero-stage{position:relative;min-height:440px;border:1px solid var(--wp--preset--color--border);border-radius:30px;background:linear-gradient(145deg,#fff,#ece6dc);box-shadow:0 30px 90px rgba(45,36,25,.12);overflow:hidden}
.jst-ring-visual{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-12deg)}
.jst-ring-band{position:absolute;width:220px;height:270px;border:58px solid #b77a32;border-radius:48% 48% 50% 50%;box-shadow:inset 0 0 0 7px #e9c78d,0 18px 32px rgba(83,54,22,.2)}
.jst-ring-face{position:absolute;top:70px;width:215px;height:155px;border-radius:34px;background:linear-gradient(145deg,#e9c17e,#8b5724 72%);border:6px solid #f0d5a6;box-shadow:0 22px 35px rgba(62,39,15,.24)}
.jst-ring-mark{position:absolute;top:103px;font-family:Georgia,serif;font-size:68px;font-weight:700;color:#3a2512;text-shadow:0 1px rgba(255,255,255,.5)}
.jst-ring-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,231,178,.5),transparent 65%);filter:blur(8px);z-index:-1}
.jst-float-card{position:absolute;display:flex;flex-direction:column;gap:2px;min-width:110px;padding:12px 15px;border:1px solid rgba(255,255,255,.85);border-radius:14px;background:rgba(255,255,255,.83);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(37,31,24,.10)}
.jst-float-card strong{font-size:1.08rem}.jst-float-card span{font-size:.72rem;color:var(--wp--preset--color--muted)}
.jst-float-card-a{left:18px;top:34px}.jst-float-card-b{right:18px;top:82px}.jst-float-card-c{right:22px;bottom:28px}
.jst-choice-card{position:relative;border:1px solid var(--wp--preset--color--border);border-radius:22px;background:var(--wp--preset--color--background);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.jst-choice-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(34,29,24,.08);border-color:#c9b28b}
.jst-choice-highlight{background:linear-gradient(180deg,#fbf5e9,#f5eee1)}
.jst-card-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:1.4rem;border-radius:50%;background:var(--wp--preset--color--dark);color:#fff;font-size:.74rem;font-weight:750;letter-spacing:.08em}
.jst-sample-section{background:linear-gradient(135deg,#efe7da 0%,#f7f5f1 55%,#e8edea 100%)}
.jst-sample-visual{position:relative;display:grid;place-items:center;min-height:360px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(255,255,255,.35));border:1px solid rgba(255,255,255,.85);box-shadow:0 25px 70px rgba(54,44,31,.10);overflow:hidden}
.jst-sample-ring{width:180px;height:220px;border:48px solid rgba(228,228,224,.94);border-radius:48%;box-shadow:inset 0 0 0 6px rgba(255,255,255,.85),0 24px 40px rgba(44,42,38,.18);transform:rotate(15deg)}
.jst-sample-label{position:absolute;right:20px;bottom:20px;padding:7px 10px;border-radius:999px;background:#fff;color:var(--wp--preset--color--muted);font-size:.68rem;font-weight:700;letter-spacing:.1em}
.jst-check-list{padding-left:1.2rem}.jst-check-list li{margin:.55rem 0}
.jst-material-row{gap:12px!important}
.jst-material-chip{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border:1px solid var(--wp--preset--color--border);border-radius:999px;background:var(--wp--preset--color--background)}
.jst-metal-dot{display:inline-block;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 1px 2px rgba(255,255,255,.8),0 1px 4px rgba(0,0,0,.15)}
.jst-gold-yellow{background:linear-gradient(135deg,#f0d27e,#a56c1f)}.jst-gold-red{background:linear-gradient(135deg,#deb093,#9f5b3d)}.jst-gold-white{background:linear-gradient(135deg,#f5f4ef,#b8b8b4)}.jst-silver{background:linear-gradient(135deg,#f8f8f8,#aeb4bb)}.jst-bronze{background:linear-gradient(135deg,#d49a64,#754324)}
.jst-faq{margin:12px 0;padding:1rem 1.1rem;border:1px solid var(--wp--preset--color--border);border-radius:14px;background:var(--wp--preset--color--surface)}
.jst-faq summary{cursor:pointer;font-weight:700}
.jst-resource-hero{background:linear-gradient(180deg,#fbfaf7,#f2eee7)}
.jst-resource-card{height:100%;padding:1.5rem;border:1px solid var(--wp--preset--color--border);border-radius:20px;background:var(--wp--preset--color--background);box-sizing:border-box}
.jst-resource-card .wp-block-buttons{margin-top:1.2rem}
.jst-resource-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1.1rem}
.jst-resource-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--wp--preset--color--dark);color:#fff;font-weight:800;font-size:.85rem}
.jst-tag{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.06em}
.jst-tag-free{background:#e7f1eb;color:#315944}.jst-tag-mix{background:#f1e6d4;color:#805720}
.jst-license-note{border:1px solid var(--wp--preset--color--border);border-radius:18px;background:#f9f6f0}
.jst-affiliate-disclosure{margin-bottom:0}
.jst-resource-cta{background:linear-gradient(180deg,var(--wp--preset--color--background),#ebe4d9)}
.jst-site-header{backdrop-filter:saturate(160%) blur(18px)}
.jst-site-header.has-surface-background-color{background-color:rgba(255,255,255,.92)!important}
.jst-footer a{color:inherit}.jst-footer .wp-block-navigation-item__content{text-decoration:none}

@media (max-width: 980px){
  .jst-header-cta{display:none!important}
  .jst-hero-stage{min-height:380px}
  .jst-ring-visual{transform:scale(.88) rotate(-12deg)}
}
@media (max-width: 781px){
  .jst-hero{padding-top:3.2rem!important;padding-bottom:3.5rem!important}
  .jst-hero h1{font-size:clamp(2.2rem,12vw,3.8rem)!important}
  .jst-hero-stage{min-height:330px;margin-top:1rem}
  .jst-ring-visual{transform:scale(.72) rotate(-12deg)}
  .jst-float-card{min-width:92px;padding:9px 11px}
  .jst-float-card-a{left:10px;top:18px}.jst-float-card-b{right:10px;top:50px}.jst-float-card-c{right:12px;bottom:16px}
  .jst-sample-visual{min-height:300px}
  .jst-resource-card{padding:1.2rem}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.jst-choice-card{transition:none}}
.jst-configurator-page{background:var(--wp--preset--color--background)}
.jst-configurator-intro{background:linear-gradient(90deg,#f3eee5,#edf1ef);border-bottom:1px solid var(--wp--preset--color--border)}
.jst-configurator-intro .wp-block-post-title{margin:0}

/* Configurator template: keep normal prose at 820px, but give the actual studio the wide canvas. */
.jst-configurator-page .wp-block-post-content {
  width: 100%;
  max-width: none;
}
.jst-configurator-page .wp-block-post-content > .wp-block-juvelieris-stl-studio,
.jst-configurator-page .wp-block-post-content > .jst-studio {
  width: min(100%, var(--jst-configurator-width, var(--wp--style--global--wide-size, 1800px)));
  max-width: var(--jst-configurator-width, var(--wp--style--global--wide-size, 1800px));
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 1420px) {
  .jst-configurator-page .wp-block-post-content > .wp-block-juvelieris-stl-studio,
  .jst-configurator-page .wp-block-post-content > .jst-studio {
    width: 100%;
    max-width: none;
  }
}


/* ===== Simple design mode navigation ===== */
.jst-header-actions{min-width:0}.jst-simple-nav{display:flex;align-items:center}.jst-simple-nav__panel{display:flex;align-items:center;gap:1.35rem;border:0;background:transparent}.jst-simple-nav__links{display:flex;align-items:center;gap:1.2rem}.jst-simple-nav__links a{text-decoration:none;font-size:.92rem;font-weight:550}.jst-simple-nav__cta{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;text-decoration:none!important;font-size:.84rem;font-weight:700}.jst-simple-nav__toggle{display:none;width:42px;height:42px;border:1px solid;border-radius:10px;background:transparent;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer}.jst-footer .jst-simple-nav__panel{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;position:static!important}.jst-footer .jst-simple-nav__links{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.jst-footer .jst-simple-nav__toggle,.jst-footer .jst-simple-nav__cta{display:none!important}.jst-footer-description{color:#cbc7bf;font-size:var(--wp--preset--font-size--small);line-height:1.6;max-width:38rem}.jst-footer-copyright{color:#aaa69e;font-size:var(--wp--preset--font-size--x-small);margin:0}
@media(max-width:980px){.jst-site-header .jst-header-actions{gap:.5rem!important}.jst-simple-nav__toggle{display:flex}.jst-site-header .jst-simple-nav__panel{display:none;position:absolute;top:calc(100% + 1px);left:var(--wp--preset--spacing--20);right:var(--wp--preset--spacing--20);padding:1rem;border:1px solid;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.12);z-index:80}.jst-site-header .jst-simple-nav.is-open .jst-simple-nav__panel{display:flex;flex-direction:column;align-items:stretch}.jst-site-header .jst-simple-nav__links{flex-direction:column;align-items:stretch;gap:.2rem}.jst-site-header .jst-simple-nav__links a{padding:.7rem .6rem;border-radius:8px}.jst-site-header .jst-simple-nav__cta{margin-top:.5rem}.jst-site-header .jst-header-row{position:relative}}


/* ===== Juvelieris Studio 1.3 — configurator vNext workspace compatibility ===== */
/* The 0.11+ configurator opens tools in a fixed, near-fullscreen workspace.
   Keep the theme from clipping the modal and give the underlying page more room. */
body.jst-workspace-modal-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}
body.jst-workspace-modal-open .jst-site-main{
  overflow:visible!important;
}
.jst-workspace-overlay{
  font-family:inherit;
}
.jst-workspace-overlay .jst-workspace-shell{
  max-width:calc(100vw - 24px);
}
@media (max-width:850px){
  .jst-workspace-overlay .jst-workspace-shell{max-width:none;}
  body.jst-workspace-modal-open .jst-site-header{z-index:1;}
}

/* 1.3.1 — configurator may use the whole desktop canvas even when the page contentSize is narrow. */
.jst-configurator-page .wp-block-post-content > .wp-block-juvelieris-stl-studio{
  width:min(calc(100vw - 32px),var(--jst-configurator-width,var(--wp--style--global--wide-size,1800px)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.jst-configurator-page .wp-block-post-content > .wp-block-juvelieris-stl-studio > .jstudio{width:100%!important;max-width:none!important}
@media(max-width:800px){.jst-configurator-page .wp-block-post-content > .wp-block-juvelieris-stl-studio{width:100%!important}}