/* ======================================
   MILUI — SIEVIEŠU APĢĒRBU VEIKALS
   Custom Styles for Kadence Child Theme
   Inspired by: Sézane, Rouje, NA-KD
   ====================================== */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Lato:wght@100;300;400;700&display=swap");
/* ---- COLOR PALETTE (gaiši rozīgs) ---- */
:root {
  --milui-pink: #D4A5B5;
  --milui-pink-light: #F0D6E0;
  --milui-pink-pale: #FDF6F8;
  --milui-blush: #F5E1E8;
  --milui-rose: #C78EA0;
  --milui-gold: #C9A96E;
  --milui-cream: #FFF8F5;
  --milui-white: #FFFFFF;
  --milui-text: #3A2A30;
  --milui-text-light: #7A6A70;
  --milui-border: #F0E0E5;
}

/* ---- TOP BAR ---- */
.site-top-header-wrap {
  background: var(--milui-pink) !important;
  border-bottom: none !important;
}
.site-top-header-wrap .site-container {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.top-header-inner-wrap {
  justify-content: center !important;
}
.top-header-inner-wrap a,
.top-header-inner-wrap span {
  color: #fff !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-weight: 300 !important;
}
.top-header-inner-wrap .menu-item {
  padding: 0 20px !important;
  border-right: 1px solid rgba(255,255,255,0.3) !important;
}
.top-header-inner-wrap .menu-item:last-child {
  border-right: none !important;
}

/* ---- MAIN HEADER ---- */
.site-header-wrap {
  border-bottom: 1px solid var(--milui-border) !important;
  background: var(--milui-white) !important;
}
.header-main-inner-wrap {
  padding: 15px 0 !important;
}
.site-branding a {
  color: var(--milui-rose) !important;
  font-family: 'Georgia', 'Times New Roman', serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}
.site-branding .site-description {
  color: var(--milui-text-light) !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-top: 4px !important;
}

/* ---- NAVIGATION MENU ---- */
.header-navigation .header-menu-container ul {
  background: var(--milui-white) !important;
}
.header-navigation .header-menu-container > ul > li > a {
  color: var(--milui-text) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 10px 16px !important;
  transition: color 0.2s ease !important;
}
.header-navigation .header-menu-container > ul > li > a:hover {
  color: var(--milui-pink) !important;
}
.header-navigation .header-menu-container > ul > li.current-menu-item > a {
  color: var(--milui-pink) !important;
}

/* ---- MOBILE HEADER ---- */
.mobile-header-wrap {
  background: var(--milui-white) !important;
  border-bottom: 1px solid var(--milui-border) !important;
}
.mobile-header-wrap .site-branding a {
  font-size: 22px !important;
}

/* ---- HERO SECTION ---- */
.hero-section {
  text-align: center !important;
  padding: 60px 20px !important;
  background: linear-gradient(135deg, var(--milui-cream) 0%, var(--milui-pink-pale) 50%, var(--milui-cream) 100%) !important;
}
.hero-section h1 {
  font-family: 'Georgia', 'Times New Roman', serif !important;
  font-size: 42px !important;
  color: var(--milui-text) !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  margin-bottom: 16px !important;
  line-height: 1.2 !important;
}
.hero-section p {
  font-size: 16px !important;
  color: var(--milui-text-light) !important;
  max-width: 500px !important;
  margin: 0 auto 30px !important;
  line-height: 1.6 !important;
}
.hero-section .btn {
  display: inline-block !important;
  background: var(--milui-pink) !important;
  color: #fff !important;
  padding: 14px 40px !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
.hero-section .btn:hover {
  background: var(--milui-rose) !important;
  transform: translateY(-2px) !important;
}

/* ---- PRODUCT CATEGORY GRID ---- */
.category-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 20px !important;
  padding: 30px 0 !important;
}
.category-card {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 3/4 !important;
  background: var(--milui-pink-pale) !important;
}
.category-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}
.category-card:hover img {
  transform: scale(1.05) !important;
}
.category-card .overlay {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 20px !important;
  background: linear-gradient(transparent, rgba(0,0,0,0.3)) !important;
}
.category-card .overlay h3 {
  color: #fff !important;
  font-family: 'Georgia', serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  margin: 0 !important;
}

/* ---- PRODUCT GRID (SHOP) ---- */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 25px !important;
}
.woocommerce ul.products li.product {
  background: var(--milui-white) !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.woocommerce ul.products li.product a img {
  margin: 0 !important;
  border-radius: 0 !important;
  aspect-ratio: 3/4 !important;
  object-fit: cover !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--milui-text) !important;
  font-family: 'Georgia', serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  padding: 12px 0 4px !important;
  text-align: center !important;
}
.woocommerce ul.products li.product .price {
  color: var(--milui-rose) !important;
  font-size: 15px !important;
  text-align: center !important;
  display: block !important;
}
.woocommerce ul.products li.product .price del {
  color: var(--milui-text-light) !important;
}
.woocommerce ul.products li.product .button {
  display: none !important;
}
.woocommerce ul.products li.product:hover .button {
  display: block !important;
  margin: 10px auto !important;
  background: var(--milui-pink) !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  width: 80% !important;
}

/* ---- SINGLE PRODUCT PAGE ---- */
.single-product div.product .woocommerce-product-gallery {
  border: none !important;
}
.single-product .product_title {
  font-family: 'Georgia', serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  color: var(--milui-text) !important;
  letter-spacing: 1px !important;
}
.single-product .price {
  color: var(--milui-rose) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
}
.single-product .button.single_add_to_cart_button {
  background: var(--milui-pink) !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  transition: all 0.3s ease !important;
}
.single-product .button.single_add_to_cart_button:hover {
  background: var(--milui-rose) !important;
}

/* ---- FOOTER ---- */
.site-footer-wrap {
  background: var(--milui-cream) !important;
  border-top: 1px solid var(--milui-border) !important;
  padding: 40px 0 !important;
}
.footer-widget-area .widget-title {
  font-family: 'Georgia', serif !important;
  color: var(--milui-text) !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
}
.footer-widget-area a {
  color: var(--milui-text-light) !important;
  font-size: 14px !important;
  line-height: 2 !important;
}
.footer-widget-area a:hover {
  color: var(--milui-pink) !important;
}
.site-footer-wrap .social-icons a {
  color: var(--milui-pink) !important;
  font-size: 20px !important;
  margin: 0 8px !important;
}
.footer-bottom-wrap {
  background: var(--milui-pink) !important;
  padding: 15px 0 !important;
}
.footer-bottom-wrap .site-container {
  color: #fff !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-align: center !important;
}

/* ---- NEWSLETTER ---- */
.newsletter-section {
  background: var(--milui-pink-pale) !important;
  padding: 60px 20px !important;
  text-align: center !important;
}
.newsletter-section h3 {
  font-family: 'Georgia', serif !important;
  font-size: 24px !important;
  color: var(--milui-text) !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  margin-bottom: 10px !important;
}
.newsletter-section p {
  color: var(--milui-text-light) !important;
  margin-bottom: 20px !important;
}
.newsletter-section input[type="email"] {
  border: 1px solid var(--milui-border) !important;
  padding: 14px 20px !important;
  width: 300px !important;
  max-width: 80% !important;
  font-size: 14px !important;
  color: var(--milui-text) !important;
}
.newsletter-section button,
.newsletter-section input[type="submit"] {
  background: var(--milui-pink) !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 30px !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
}
.newsletter-section button:hover {
  background: var(--milui-rose) !important;
}

/* ---- SOCIAL MEDIA BAR ---- */
.social-bar {
  text-align: center !important;
  padding: 30px 0 !important;
}
.social-bar a {
  display: inline-block !important;
  margin: 0 15px !important;
  color: var(--milui-text-light) !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.social-bar a:hover {
  color: var(--milui-pink) !important;
}

/* ---- BREADCRUMBS ---- */
.woocommerce-breadcrumb {
  color: var(--milui-text-light) !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 16px 0 !important;
}
.woocommerce-breadcrumb a {
  color: var(--milui-text-light) !important;
}

/* ---- SALE BADGE ---- */
.woocommerce span.onsale {
  background: var(--milui-pink) !important;
  color: #fff !important;
  border-radius: 0 !important;
  min-height: auto !important;
  min-width: auto !important;
  padding: 6px 14px !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-sext: 400 !important;
  left: 12px !important;
  top: 12px !important;
}

/* ---- PAGINATION ---- */
.woocommerce nav.woocommerce-pagination ul {
  border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: var(--milui-text) !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--milui-pink-pale) !important;
  color: var(--milui-pink) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--milui-pink-pale) !important;
}

/* ---- BUTTONS ---- */
.wp-block-button__link {
  background: var(--milui-pink) !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  transition: background 0.3s ease !important;
}
.wp-block-button__link:hover {
  background: var(--milui-rose) !important;
  color: #fff !important;
}

/* ---- KADENCE BLOCKS ---- */
.kt-blocks-post-grid-item {
  border: none !important;
}
.kt-blocks-post-grid-item .entry-title a {
  color: var(--milui-text) !important;
  font-family: 'Georgia', serif !important;
}
.kt-blocks-post-grid-item .entry-title a:hover {
  color: var(--milui-pink) !important;
}
.kt-button {
  border-radius: 0 !important;
}

/* ---- VARIATION SWATCHES ---- */
.woo-variation-swatches .variable-items-wrapper .variable-item {
  border-radius: 50% !important;
  border: 2px solid var(--milui-border) !important;
  transition: all 0.2s ease !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item.selected {
  border-color: var(--milui-pink) !important;
  box-shadow: 0 0 0 1px var(--milui-pink) !important;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
  .hero-section h1 {
    font-size: 28px !important;
  }
  .hero-section {
    padding: 40px 15px !important;
  }
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
  }
  .site-branding a {
    font-size: 22px !important;
  }
  .hero-section .btn {
    padding: 12px 30px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .category-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
/* Slide-up animations for hero */
@keyframes slideUp {
    from { opacity:0; transform:translateY(50px); }
    to { opacity:1; transform:translateY(0); }
}

.hero-banner h1 {
    opacity:0; transform:translateY(50px);
    animation: slideUp 1s cubic-bezier(0.4,0.2,0.2,1) 0.3s forwards;
}

.hero-banner p {
    opacity:0; transform:translateY(40px);
    animation: slideUp 0.9s cubic-bezier(0.4,0.2,0.2,1) 0.6s forwards;
}

.hero-banner .btn {
    opacity:0; transform:translateY(30px);
    animation: slideUp 0.9s cubic-bezier(0.4,0.2,0.2,1) 0.9s forwards;
}

/* Slide-up animations for MILUI hero */
@keyframes miluiSlideUp {
    from { opacity: 0; transform: translateY(60px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes miluiFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.post-134 .entry h1:first-of-type {
    opacity: 0 !important;
    transform: translateY(60px) !important;
    animation: miluiSlideUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards !important;
}

.post-134 .entry h2:first-of-type {
    opacity: 0 !important;
    transform: translateY(40px) !important;
    animation: miluiSlideUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards !important;
}

.post-134 .entry .btn,
.post-134 .entry a[href*=veikals] {
    opacity: 0 !important;
    transform: translateY(30px) !important;
    animation: miluiSlideUp 1s cubic-bezier(0.16, 1, 0.3, 1) 1.1s forwards !important;
}

/* Stems with gradient glow */
@keyframes wingFlapLeft {
    0%, 100% { transform: translateY(-50%) scaleX(-1) rotate(0deg); opacity: 0; }
    20% { opacity: 1; }
    50% { transform: translateY(-50%) scaleX(-1) rotate(-12deg); }
    80% { opacity: 1; }
}
@keyframes wingFlapRight {
    0%, 100% { transform: translateY(-50%) rotate(0deg); opacity: 0; }
    20% { opacity: 1; }
    50% { transform: translateY(-50%) rotate(12deg); }
    80% { opacity: 1; }
}
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.post-134 .entry .stebu-wrapper {
    display: inline-block;
    position: relative;
    z-index: 1;
}
@keyframes wingsAppear {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}
.post-134 .entry .stebu-wrapper::before {
    content: "\u{1F338}";
    position: absolute;
    top: 50%;
    left: -45px;
    font-size: 36px;
    transform: translateY(-50%) scaleX(-1);
    opacity: 0;
    animation: wingFlapLeft 0.8s ease-out 1.5s forwards, gradientShift 3s ease-in-out infinite 2.3s;
    filter: hue-rotate(0deg);
}
.post-134 .entry .stebu-wrapper::after {
    content: "\u{1F338}";
;
    top: 50%;
    right: -45px;
    font-size: 36px;
    transform: translateY(-50%);
    opacity: 0;
    animation: wingFlapRight 0.8s ease-out 1.8s forwards;
    filter: hue-rotate(0deg);
}

/* Floating flower decorations on hero */
@keyframes flowerFloat {
    0%, 100% { transform: translateY(0) rotate(0deg) scale(1); opacity: 0.7; }
    25% { transform: translateY(-15px) rotate(5deg) scale(1.05); opacity: 1; }
    50% { transform: translateY(-25px) rotate(0deg) scale(1); opacity: 0.9; }
    75% { transform: translateY(-10px) rotate(-5deg) scale(1.02); opacity: 1; }
}
@keyframes flowerPulse%, 100% { transform: scale(1); filter: brightness(1); }
    50% { transform: scale(1.15); filter: brightness(1.2); }
}
@keyframes petalDrop {
    0% { transform: translateY(-20px) rotate(0deg); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { transform: translateY(120px) rotate(90deg); opacity: 0; }
}

/* Homepage centering */
@keyframes slideUp { from { opacity: 0; transform: translateY(60px); } to { opacity: 1; transform: translateY(0); } }
.main-content-wrap,
.single-page .entry-content,
.post-134 .entry-content,
.site-content .site-container,
.content-container.site-container { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 20px !important; }
.page-home .site-content,
.page-main-continer { max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 20px; }

/* Center Kadence site container */
.site {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.site-content,
#page .site,
.content-wrap {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
a.brand.branding-layout-default {
    max-width: 100px;
}
/* MILUI centering fix */
.site,
#page,
.site-content,
.site-content .content-container,
.entry-content,
article {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}
.site-header-row,
.site-footer-row,
#colophon .site-footer-row {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.content-container,
.content-area,
.site-main {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
/* MILUI centering - flexbox approach */
body .site {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}
body .site > * {
    width: 100% !important;
    max-width: 1200px !important;
}