/*
Theme Name: Landy Boutique
Theme URI: https://example.com/landy-boutique
Author: You
Description: Ultra-modern WooCommerce block theme using rose, pink, and purple. Glassmorphism hero, sticky/transparent header, chic buttons.
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.1.0
License: GPL-2.0-or-later
Text Domain: landy-boutique
Tags: full-site-editing, woocommerce, block-patterns, landing-page, one-column
*/

/* --------- Modern utilities --------- */
:root {
  --landy-purple: #5b2a86;
  --landy-rose:   #f29ac1;
  --landy-pink:   #ffd6ec;
  --landy-ink:    #16161a;
}

.header-wrap {
  position: sticky;
  top: 0;
  z-index: 999;
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  background: color-mix(in hsl, white 40%, transparent);
  border-bottom: 1px solid rgba(255,255,255,.2);
}

.is-transparent-header header .wp-block-site-title a,
.is-transparent-header header nav a { color: #2b1742; }

.wp-block-button.is-style-pill .wp-block-button__link {
  border-radius: 9999px;
  padding: .8em 1.4em;
}

.wp-block-button.is-gradient-purple .wp-block-button__link {
  background: linear-gradient(135deg, var(--landy-purple), var(--landy-rose));
  color: #fff;
}

.wp-block-button.is-outline-light .wp-block-button__link {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.landy-glass {
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 32px;
  box-shadow: 0 10px 40px rgba(91,42,134,.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.hero-gradient {
  background: radial-gradient(circle at 20% 20%, rgba(242,154,193,.55), transparent 40%),
              radial-gradient(circle at 80% 70%, rgba(91,42,134,.55), transparent 45%),
              linear-gradient(135deg, #fff 0%, #ffd6ec 30%, #f9c0dc 55%, #e7c3ff 85%);
}

.woocommerce .button, .woocommerce a.button, .wp-block-woocommerce-cart .wc-block-cart__submit-container .components-button {
  border-radius: 9999px;
  background: linear-gradient(135deg, var(--landy-purple), var(--landy-rose));
  color:#fff;
}

.product-card { border-radius: 18px; overflow:hidden; box-shadow: 0 12px 28px rgba(0,0,0,.07);}
.badge-new { background: var(--landy-purple); color:#fff; padding:.3em .6em; border-radius:9999px; font-size:12px;}

.footer-credit a{ text-decoration:none; }


/* Header alignment tweaks */
.header-wrap .wp-block-navigation__container {
  gap: 28px;
}
.header-wrap .wp-block-site-title {
  line-height: 0;
}
.header-wrap .wp-block-site-title a {
  display: none; /* completely hide textual title; we use the logo */
}
.header-wrap .wp-block-site-logo img { height: 56px; width: auto; }
@media (max-width: 782px){
  .header-wrap .wp-block-site-logo img { height: 44px; }
}


/* Bold text rose color */
strong, b { color: var(--landy-rose); }


/* =====================
   Mobile enhancements
   ===================== */
@media (max-width: 782px){
  .header-wrap{ padding: 8px 14px !important; }
  .header-wrap .wp-block-site-logo img{ height: 40px; }
  .header-wrap .wp-block-navigation__responsive-container-open { 
    display: inline-flex; 
    border-radius: 8px;
    padding: 8px;
  }
  /* Ensure hamburger shows and menu overlays properly */
  .wp-block-navigation__responsive-container-open svg{ width: 26px; height: 26px; }
  .wp-block-navigation__responsive-container.is-menu-open{ 
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  /* Button sizing */
  .wp-block-button.is-style-pill .wp-block-button__link{
    padding: .7em 1.1em;
    font-size: 16px;
  }
  /* Reduce heading and paragraph sizes inside hero and description */
  .wp-block-cover .wp-block-heading{ font-size: 42px !important; }
  .wp-block-cover p{ font-size: 18px; }
  .landy-glass{ border-radius: 22px; padding: 24px !important; }
  /* Columns -> stack with spacing */
  .wp-block-columns{ gap: 18px; }
  .wp-block-column{ margin-bottom: 12px; }
}

/* Extra small devices */
@media (max-width: 480px){
  .wp-block-cover .wp-block-heading{ font-size: 32px !important; }
  .wp-block-cover p{ font-size: 16px; }
  .header-wrap .wp-block-site-logo img{ height: 36px; }
  .wp-site-blocks{ overflow-x:hidden; } /* avoid accidental horizontal scroll */
}


/* Social icon styles */
.wp-block-social-links .wp-social-link a{ color:#5b2a86; }
.wp-block-social-links .wp-social-link a:hover{ color:#f29ac1; }