/*
Theme Name: Party Time BiH
Theme URI: https://partytime.ba/
Author: Party Time
Author URI: https://partytime.ba/
Description: Moderna block tema za PartyTime.ba WooCommerce prodavnicu balona i party opreme.
Requires at least: 6.6
Requires PHP: 8.1
Version: 0.9.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: partytime
Tags: block-patterns, block-styles, e-commerce, full-site-editing, wide-blocks
*/

:root {
  --pt-radius-sm: 12px;
  --pt-radius-md: 20px;
  --pt-radius-lg: 32px;
  --pt-radius-xl: 48px;
  --pt-ease: 180ms cubic-bezier(.2, .8, .2, 1);
  --pt-border: rgba(21, 19, 26, .1);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--wp--preset--color--turquoise);
  color: var(--wp--preset--color--ink);
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--wp--preset--color--turquoise-dark);
  outline-offset: 3px;
}

a { transition: color var(--pt-ease), opacity var(--pt-ease); }
a:hover { color: var(--wp--preset--color--purple); }

.wp-site-blocks { overflow: clip; }

.wp-site-blocks > * { margin-block-start: 0; }

.pt-announcement {
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.pt-header-shell {
  position: relative;
  z-index: 50;
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid var(--pt-border);
  box-shadow: 0 7px 30px rgba(21, 19, 26, .04);
  backdrop-filter: blur(18px);
}

.pt-header-main { min-height: 86px; }

.pt-logo img {
  display: block;
  width: clamp(92px, 10vw, 132px);
  height: 64px;
  object-fit: contain;
  object-position: center;
}

.pt-header-search {
  width: min(100%, 350px);
}

.pt-header-search .wp-block-search__inside-wrapper {
  min-height: 46px;
  padding: 4px 5px 4px 15px;
  background: var(--wp--preset--color--mist);
  border: 1px solid transparent;
  border-radius: 999px;
  transition: border-color var(--pt-ease), box-shadow var(--pt-ease);
}

.pt-header-search .wp-block-search__inside-wrapper:focus-within {
  border-color: var(--wp--preset--color--turquoise);
  box-shadow: 0 0 0 4px rgba(53, 211, 200, .13);
}

.pt-header-search .wp-block-search__input {
  background: transparent;
  border: 0;
  font-size: .9rem;
}

.pt-header-search .wp-block-search__button {
  padding: .62rem .9rem;
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--paper);
}

.pt-account-link {
  white-space: nowrap;
  font-size: .83rem;
  font-weight: 750;
}

.wp-block-navigation .wp-block-navigation-item__content {
  position: relative;
  padding-block: .5rem;
}

.wp-block-navigation .wp-block-navigation-item__content::after {
  position: absolute;
  right: 0;
  bottom: .24rem;
  left: 0;
  height: 2px;
  background: var(--wp--preset--color--turquoise);
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--pt-ease);
}

.wp-block-navigation .wp-block-navigation-item__content:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.pt-hero {
  position: relative;
  min-height: min(780px, 82vh);
  isolation: isolate;
}

.pt-hero::before,
.pt-hero::after {
  position: absolute;
  z-index: -1;
  border-radius: 999px;
  content: "";
  filter: blur(1px);
  pointer-events: none;
}

.pt-hero::before {
  top: 9%;
  right: -5%;
  width: clamp(190px, 32vw, 480px);
  aspect-ratio: 1;
  background: radial-gradient(circle at 30% 25%, #fff 0 4%, #7ce8df 7%, #35d3c8 58%, #087f79 100%);
  box-shadow: inset -22px -30px 45px rgba(21, 19, 26, .15), 0 34px 70px rgba(53, 211, 200, .22);
  opacity: .9;
}

.pt-hero::after {
  right: 21%;
  bottom: 5%;
  width: clamp(88px, 14vw, 210px);
  aspect-ratio: 1;
  background: radial-gradient(circle at 30% 25%, #fff 0 5%, #d9aff0 8%, #b372dc 58%, #6b3fa0 100%);
  box-shadow: inset -13px -18px 28px rgba(21, 19, 26, .16), 0 22px 55px rgba(107, 63, 160, .18);
}

.pt-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  width: fit-content;
  margin: 0;
  padding: .5rem .84rem;
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(53, 211, 200, .45);
  border-radius: 999px;
  color: var(--wp--preset--color--turquoise-dark);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}

.pt-hero-title { max-width: 840px; }

.pt-hero-title strong {
  color: var(--wp--preset--color--purple);
  font-weight: inherit;
}

.pt-hero-copy {
  max-width: 650px;
  color: #504a56;
  font-size: clamp(1.05rem, 1.55vw, 1.3rem);
}

.wp-block-button .wp-block-button__link {
  transition: transform var(--pt-ease), box-shadow var(--pt-ease), background var(--pt-ease);
}

.wp-block-button .wp-block-button__link:hover {
  color: var(--wp--preset--color--paper);
  box-shadow: 0 14px 32px rgba(21, 19, 26, .16);
  transform: translateY(-2px);
}

.is-style-pt-primary .wp-block-button__link {
  background: linear-gradient(135deg, var(--wp--preset--color--purple), #8053b9);
}

.is-style-pt-secondary .wp-block-button__link {
  background: var(--wp--preset--color--turquoise);
  color: var(--wp--preset--color--ink);
}

.is-style-pt-secondary .wp-block-button__link:hover { color: var(--wp--preset--color--ink); }

.is-style-pt-outline .wp-block-button__link {
  background: transparent;
  border: 1px solid rgba(21, 19, 26, .22);
  color: var(--wp--preset--color--ink);
}

.is-style-pt-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--paper);
  color: var(--wp--preset--color--ink);
}

.pt-section-kicker {
  margin-bottom: .7rem;
  color: var(--wp--preset--color--turquoise-dark);
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pt-section-title { max-width: 760px; }

.pt-glass-card,
.is-style-pt-card {
  overflow: hidden;
  background: rgba(255, 255, 255, .86);
  border: 1px solid rgba(21, 19, 26, .08);
  border-radius: var(--pt-radius-lg);
  box-shadow: var(--wp--preset--shadow--soft);
  transition: transform var(--pt-ease), box-shadow var(--pt-ease), border-color var(--pt-ease);
}

.pt-glass-card:hover,
.is-style-pt-card:hover {
  border-color: rgba(53, 211, 200, .4);
  box-shadow: var(--wp--preset--shadow--lifted);
  transform: translateY(-5px);
}

.pt-trust-item {
  min-height: 100%;
  padding: 1.25rem;
  border-left: 3px solid var(--wp--preset--color--turquoise);
}

.pt-trust-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  background: rgba(53, 211, 200, .16);
  border-radius: 50%;
  color: var(--wp--preset--color--turquoise-dark);
  font-size: 1.05rem;
  font-weight: 900;
}

.pt-category-shell .wc-block-product-categories-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pt-category-shell .wc-block-product-categories-list-item {
  position: relative;
  min-height: 140px;
  padding: 1.35rem;
  overflow: hidden;
  background: linear-gradient(145deg, #fff, #f5fbfa);
  border: 1px solid var(--pt-border);
  border-radius: var(--pt-radius-md);
  font-weight: 800;
  transition: transform var(--pt-ease), box-shadow var(--pt-ease);
}

.pt-category-shell .wc-block-product-categories-list-item::after {
  position: absolute;
  right: -28px;
  bottom: -38px;
  width: 96px;
  height: 96px;
  background: linear-gradient(135deg, rgba(53, 211, 200, .3), rgba(179, 114, 220, .28));
  border-radius: 50%;
  content: "";
}

.pt-category-shell .wc-block-product-categories-list-item:hover {
  box-shadow: var(--wp--preset--shadow--soft);
  transform: translateY(-4px);
}

.pt-category-shell .wc-block-product-categories-list-item-count {
  display: block;
  margin-top: .35rem;
  color: var(--wp--preset--color--muted);
  font-size: .78rem;
  font-weight: 600;
}

.pt-product-grid .wc-block-product-template,
.pt-product-grid ul.products {
  gap: clamp(1rem, 2vw, 1.6rem);
}

.pt-product-grid .wc-block-product,
.woocommerce ul.products li.product {
  position: relative;
  padding: .7rem .7rem 1.1rem;
  overflow: hidden;
  background: var(--wp--preset--color--paper);
  border: 1px solid var(--pt-border);
  border-radius: 24px;
  transition: transform var(--pt-ease), box-shadow var(--pt-ease), border-color var(--pt-ease);
}

.pt-product-grid .wc-block-product:hover,
.woocommerce ul.products li.product:hover {
  border-color: rgba(53, 211, 200, .5);
  box-shadow: var(--wp--preset--shadow--soft);
  transform: translateY(-5px);
}

.pt-product-grid .wc-block-components-product-image,
.woocommerce ul.products li.product img {
  overflow: hidden;
  background: var(--wp--preset--color--mist);
  border-radius: 18px;
}

.pt-product-grid .wp-block-post-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding-inline: .45rem;
  font-family: var(--wp--preset--font-family--party-sans);
  font-size: 1rem;
  font-weight: 750;
  letter-spacing: -.015em;
  line-height: 1.35;
}

.pt-product-grid .wc-block-components-product-price,
.woocommerce ul.products li.product .price {
  padding-inline: .45rem;
  color: var(--wp--preset--color--purple);
  font-weight: 850;
}

.wc-block-components-product-sale-badge,
.woocommerce span.onsale {
  min-width: auto;
  min-height: auto;
  padding: .42rem .7rem;
  background: var(--wp--preset--color--pink);
  border: 0;
  border-radius: 999px;
  color: var(--wp--preset--color--ink);
  font-size: .72rem;
  font-weight: 850;
  line-height: 1;
}

.wp-block-woocommerce-product-button .wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button {
  background: var(--wp--preset--color--ink);
  border: 0;
  border-radius: 999px;
  color: var(--wp--preset--color--paper);
  font-weight: 800;
  transition: transform var(--pt-ease), background var(--pt-ease), box-shadow var(--pt-ease);
}

.wp-block-woocommerce-product-button .wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover {
  background: var(--wp--preset--color--purple);
  color: var(--wp--preset--color--paper);
  box-shadow: 0 12px 28px rgba(107, 63, 160, .22);
  transform: translateY(-1px);
}

.pt-split-feature {
  position: relative;
  overflow: hidden;
  border-radius: var(--pt-radius-xl);
  box-shadow: var(--wp--preset--shadow--soft);
}

.pt-split-feature > .wp-block-columns { gap: 0; }

.pt-bubble-art {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  background:
    radial-gradient(circle at 28% 28%, rgba(255, 255, 255, .9) 0 3%, transparent 4%),
    radial-gradient(circle at 35% 38%, #8cebe4 0 26%, transparent 27%),
    radial-gradient(circle at 68% 62%, #c999e4 0 21%, transparent 22%),
    radial-gradient(circle at 67% 22%, #ffd568 0 12%, transparent 13%),
    linear-gradient(145deg, #effdfb, #fbf5ff);
}

.pt-bubble-art::after {
  position: absolute;
  right: 16%;
  bottom: 0;
  width: 2px;
  height: 39%;
  background: rgba(21, 19, 26, .35);
  content: "";
  transform: rotate(-8deg);
  transform-origin: bottom;
}

.pt-b2b {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.pt-b2b::after {
  position: absolute;
  z-index: -1;
  top: -85%;
  right: -10%;
  width: 450px;
  height: 450px;
  background: rgba(53, 211, 200, .18);
  border-radius: 50%;
  content: "";
}

.partytime-b2b-customer .pt-b2b-account-marker {
  display: inline-flex;
}

.pt-b2b-account-marker {
  display: none;
  align-items: center;
  gap: .35rem;
  padding: .3rem .62rem;
  background: rgba(53, 211, 200, .17);
  border-radius: 999px;
  color: var(--wp--preset--color--turquoise-dark);
  font-size: .72rem;
  font-weight: 850;
}

.pt-helium-pricing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-block: 1rem 1.25rem;
}

.pt-helium-price-option {
  display: flex;
  min-height: 92px;
  padding: .95rem 1rem;
  flex-direction: column;
  justify-content: space-between;
  background: var(--wp--preset--color--mist);
  border: 1px solid var(--pt-border);
  border-radius: var(--pt-radius-sm);
}

.pt-helium-price-option--featured {
  background: linear-gradient(145deg, rgba(53, 211, 200, .13), rgba(179, 114, 220, .1));
  border-color: rgba(53, 211, 200, .55);
}

.pt-helium-price-option__label {
  color: var(--wp--preset--color--muted);
  font-size: .76rem;
  font-weight: 750;
  text-transform: uppercase;
}

.pt-helium-price-option__price {
  color: var(--wp--preset--color--ink);
  font-size: 1.08rem;
  font-weight: 850;
}

.single-product .wp-block-woocommerce-product-image-gallery {
  overflow: hidden;
  background: var(--wp--preset--color--mist);
  border: 1px solid var(--pt-border);
  border-radius: var(--pt-radius-lg);
}

.single-product .product_title { font-size: clamp(2rem, 4vw, 4rem); }

.woocommerce div.product form.cart .variations select,
.woocommerce .quantity .qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input {
  min-height: 48px;
  background: var(--wp--preset--color--paper);
  border: 1px solid rgba(21, 19, 26, .18);
  border-radius: var(--pt-radius-sm);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.wc-block-components-text-input input:focus {
  border-color: var(--wp--preset--color--turquoise-dark);
  box-shadow: 0 0 0 4px rgba(53, 211, 200, .12);
  outline: 0;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
  background: #f3fcfb;
  border: 1px solid rgba(53, 211, 200, .45);
  border-radius: var(--pt-radius-sm);
}

.woocommerce-error { background: #fff5f7; border-color: rgba(190, 44, 78, .28); }

.pt-content-shell {
  min-height: 56vh;
  padding-block: var(--wp--preset--spacing--60);
}

.pt-page-header { padding-block: clamp(2.5rem, 6vw, 5.5rem) 2.5rem; }

.pt-breadcrumbs {
  color: var(--wp--preset--color--muted);
  font-size: .82rem;
}

.pt-empty-state {
  max-width: 720px;
  padding: clamp(2rem, 6vw, 5rem);
  background: var(--wp--preset--gradient--soft-party);
  border: 1px solid var(--pt-border);
  border-radius: var(--pt-radius-xl);
  text-align: center;
}

.pt-footer {
  position: relative;
  overflow: hidden;
  color: rgba(255, 255, 255, .78);
}

.pt-footer a { color: rgba(255, 255, 255, .86); }
.pt-footer a:hover { color: var(--wp--preset--color--turquoise); }
.pt-footer h2, .pt-footer h3, .pt-footer h4 { color: #fff; }

.pt-footer-logo {
  width: 130px;
  padding: .55rem;
  background: #fff;
  border-radius: 18px;
}

.pt-footer-logo img { display: block; }

.pt-footer-rule { border-color: rgba(255, 255, 255, .13); }

@media (max-width: 980px) {
  .pt-header-search { display: none; }
  .pt-category-shell .wc-block-product-categories-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pt-hero { min-height: 700px; }
}

@media (max-width: 781px) {
  .pt-announcement .wp-block-group { justify-content: center; }
  .pt-announcement-secondary { display: none; }
  .pt-header-main { min-height: 72px; }
  .pt-account-link { display: none; }
  .pt-logo img { width: 88px; height: 52px; }
  .wp-block-navigation__responsive-container.is-menu-open {
    padding: 1.5rem;
    background: rgba(255, 255, 255, .98);
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 3rem;
  }
  .pt-hero { min-height: 660px; }
  .pt-hero::before { top: auto; right: -20%; bottom: -5%; opacity: .46; }
  .pt-hero::after { right: 25%; bottom: 2%; opacity: .65; }
  .pt-hero-copy { max-width: 90%; }
  .pt-bubble-art { min-height: 300px; }
  .pt-footer .wp-block-columns { gap: 2.2rem; }
}

@media (max-width: 560px) {
  .pt-category-shell .wc-block-product-categories-list { grid-template-columns: 1fr; }
  .pt-category-shell .wc-block-product-categories-list-item { min-height: 104px; }
  .pt-helium-pricing { grid-template-columns: 1fr; }
  .pt-hero .wp-block-buttons { align-items: stretch; flex-direction: column; }
  .pt-hero .wp-block-button, .pt-hero .wp-block-button__link { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media print {
  .pt-announcement, .pt-header-shell, .pt-footer, .wp-block-woocommerce-mini-cart { display: none !important; }
  body { color: #000; background: #fff; }
}