/*
Theme Name: Petal Shop
Theme URI: https://example.com/petal-shop
Author: Your Store
Author URI: https://example.com
Description: A premium, elegant, pink-toned WooCommerce theme with an Amazon-style layout — hero banner, category showcase, product carousels, deal banners and full WooCommerce (Shop, Product, Cart, Checkout, My Account) support. Upload your own logo via Appearance > Customize > Site Identity.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
WC requires at least: 6.0
WC tested up to: 8.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: petal-shop
Tags: e-commerce, woocommerce, custom-logo, custom-menu, featured-images, translation-ready
*/

/* =====================================================
   PETAL SHOP — DESIGN SYSTEM
   Premium pink / rose-gold palette
===================================================== */
:root{
  --cream:#FFF7F9;
  --panel:#FFFFFF;
  --pink:#FF5C93;          /* primary brand pink */
  --pink-deep:#7A1E42;     /* deep berry — headers/footer */
  --rose:#C2185B;          /* secondary accent */
  --rose-gold:#D9A566;     /* premium accent — buttons/badges */
  --lilac:#9C6ADE;         /* tertiary accent for variety */
  --blush:#FDE7EE;
  --line:#F3D9E2;
  --stone:#8C6E77;
  --star:#D9A566;
  --ink:#3B1626;
  --display:'Playfair Display','Fredoka',serif;
  --sans:'Poppins','Nunito',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 10% 0%, rgba(255,92,147,0.08), transparent 40%),
    radial-gradient(circle at 90% 10%, rgba(156,106,222,0.07), transparent 40%),
    radial-gradient(circle at 50% 100%, rgba(217,165,102,0.06), transparent 45%),
    var(--cream);
  color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}
button{font-family:var(--sans);cursor:pointer;}
.screen-reader-text{position:absolute;left:-9999px;}
.container{max-width:1400px;margin:0 auto;padding:0 24px;}

/* ===== ANNOUNCEMENT BAR ===== */
.announce-bar{background:var(--ink);color:#fff;text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.03em;padding:8px 16px;}
.announce-bar strong{color:var(--rose-gold);}

/* ===== TOP BAR ===== */
.top-bar{
  background:linear-gradient(120deg, #6E1638 0%, #8E2952 35%, #B23A66 65%, #D9527F 100%);
  color:#fff;display:flex;align-items:center;gap:22px;padding:16px 24px;position:relative;
}
.top-bar::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 340px 120px at 90px 50%, rgba(255,255,255,0.14), transparent 70%);
}
.site-branding{display:flex;align-items:center;height:48px;position:relative;z-index:1;}
.site-branding .custom-logo{max-height:48px;width:auto;filter:drop-shadow(0 3px 8px rgba(40,10,20,0.35));}
.site-branding .site-title{font-family:var(--display);font-weight:700;font-size:26px;color:#fff;letter-spacing:.02em;white-space:nowrap;}
.site-branding .site-title a{color:#fff;}
.site-branding .site-tagline{display:none;}

.deliver{font-size:11px;line-height:1.3;color:#F6D7E3;white-space:nowrap;}
.deliver b{display:block;color:#fff;font-size:12px;}
.search-bar{flex:1;display:flex;max-width:760px;border-radius:22px;overflow:hidden;box-shadow:0 3px 10px rgba(40,10,20,0.18);}
.search-bar select{background:#FCEEF3;border:none;padding:0 10px;font-size:12px;color:var(--pink-deep);}
.search-bar input[type="search"],
.search-bar input[type="text"]{flex:1;border:none;padding:11px 16px;font-size:13px;outline:none;}
.search-bar button{background:var(--rose-gold);border:none;padding:0 22px;font-weight:800;color:#3B1626;}
.top-links{display:flex;gap:20px;align-items:center;white-space:nowrap;}
.top-links .link{font-size:11px;line-height:1.3;color:#F6D7E3;}
.top-links .link b{display:block;color:#fff;font-size:12.5px;}
.top-links .link:hover b{text-decoration:underline;}
.cart{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#fff;background:var(--pink);padding:8px 14px;border-radius:20px;font-weight:700;}
.cart .count{background:#fff;color:var(--pink);font-size:11px;font-weight:800;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;}

/* ===== RAINBOW STRIPE (rose gradient) ===== */
.rainbow{height:6px;background:linear-gradient(90deg, var(--pink) 0%, var(--rose-gold) 33%, var(--lilac) 66%, var(--rose) 100%);}

/* ===== SECONDARY NAV ===== */
.sub-nav{background:var(--pink-deep);color:#fff;display:flex;gap:20px;padding:10px 24px;font-size:12.5px;font-weight:700;overflow-x:auto;align-items:center;}
.sub-nav a{white-space:nowrap;}
.sub-nav a:hover{color:var(--rose-gold);}
.sub-nav .all{display:flex;align-items:center;gap:6px;}
.mobile-nav-toggle{display:none;background:none;border:none;color:#fff;font-size:20px;}

/* ===== HERO ===== */
.hero-zone{max-width:1400px;margin:0 auto;padding:24px 24px 0;display:grid;grid-template-columns:2.2fr 1fr;gap:16px;}
.hero{position:relative;height:380px;overflow:hidden;border-radius:20px;background:linear-gradient(135deg, #B23A66 0%, #E07A9E 50%, #9C6ADE 100%);display:flex;align-items:center;}
.hero::before{content:'✦';position:absolute;top:14%;left:8%;font-size:22px;color:rgba(255,255,255,0.7);}
.hero::after{content:'✦';position:absolute;bottom:18%;right:38%;font-size:30px;color:rgba(255,255,255,0.5);}
.hero-img{position:absolute;right:0;top:0;bottom:0;width:46%;overflow:hidden;}
.hero-img img{opacity:0.95;height:100%;object-fit:cover;}
.hero-copy{position:relative;z-index:1;padding:0 44px;max-width:540px;}
.hero-copy span{font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#FBE3EC;margin-bottom:12px;display:block;}
.hero-copy h1{font-family:var(--display);font-weight:700;font-size:40px;color:#fff;line-height:1.15;margin-bottom:16px;text-shadow:0 3px 0 rgba(90,20,50,0.3);}
.hero-btn{display:inline-block;background:var(--rose-gold);color:#3B1626;padding:13px 30px;font-size:13px;font-weight:800;border-radius:30px;box-shadow:0 4px 0 #A9803F;}
.hero-btn:hover{transform:translateY(2px);box-shadow:0 2px 0 #A9803F;}

.side-deals{display:flex;flex-direction:column;gap:16px;}
.side-deal{position:relative;border-radius:18px;overflow:hidden;height:182px;background:var(--panel);border:2px solid var(--line);}
.side-deal img{opacity:0.96;width:100%;height:100%;object-fit:cover;}
.side-deal .sd-copy{position:absolute;left:16px;bottom:14px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.4);}
.side-deal .sd-copy span{font-family:var(--display);font-size:16px;font-weight:600;}
.side-deal .sd-copy small{display:block;font-size:11px;font-weight:700;}

/* ===== CATEGORY CIRCLES ===== */
.cat-circles{max-width:1400px;margin:0 auto;padding:36px 24px 6px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.cat-circle{text-align:center;}
.cat-circle .ring{width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 6px 16px rgba(140,20,60,0.14);margin-bottom:10px;background:var(--blush);}
.cat-circle .ring img{width:100%;height:100%;object-fit:cover;}
.cat-circle span{font-family:var(--display);font-size:13px;color:var(--pink-deep);font-weight:600;}

/* ===== SECTIONS / PRODUCT ROWS ===== */
.row{max-width:1400px;margin:0 auto;padding:42px 24px 10px;}
.row-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;}
.row-head h2{font-family:var(--display);font-size:25px;color:var(--pink-deep);}
.row-head a{font-size:12.5px;color:var(--rose);font-weight:800;}
.row-head a:hover{text-decoration:underline;}

/* WooCommerce product grid re-skin */
ul.products{display:grid !important;grid-template-columns:repeat(5,1fr);gap:18px;list-style:none;}
ul.products li.product{background:var(--panel);border:2px solid var(--line);border-radius:18px;padding:16px;transition:box-shadow .2s ease, transform .2s ease;position:relative;}
ul.products li.product:hover{box-shadow:0 10px 22px rgba(140,20,60,0.14);transform:translateY(-3px);}
ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;}
ul.products li.product img{aspect-ratio:1/1;object-fit:cover;border-radius:12px;margin-bottom:14px;background:#FCEEF3;}
ul.products li.product .woocommerce-loop-product__title{font-size:14px;font-weight:700;margin-bottom:6px;line-height:1.4;min-height:38px;color:var(--pink-deep);}
ul.products li.product .star-rating{color:var(--star);font-size:12px;margin-bottom:6px;}
ul.products li.product .price{font-size:17px;font-weight:800;margin-bottom:10px;color:var(--rose);}
ul.products li.product .price del{color:var(--stone);font-weight:400;font-size:13px;}
ul.products li.product .price ins{text-decoration:none;}
ul.products li.product .button,
ul.products li.product a.add_to_cart_button,
ul.products li.product a.button{margin-top:auto;background:var(--pink);color:#fff !important;border:none;padding:10px;font-size:12.5px;font-weight:800;border-radius:22px;text-align:center;width:100%;}
ul.products li.product .button:hover{background:var(--rose);}
.onsale{position:absolute;top:14px;left:14px;background:var(--rose-gold);color:#3B1626;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:3px 10px;text-transform:uppercase;border-radius:12px;z-index:2;}

/* ===== DEAL BANNER ===== */
.deal-banner{max-width:1400px;margin:52px auto;padding:0 24px;}
.deal-inner{position:relative;height:230px;overflow:hidden;display:flex;align-items:center;border-radius:24px;background:linear-gradient(120deg, #C2185B 0%, #D9A566 100%);}
.deal-inner img{position:absolute;right:0;top:0;bottom:0;width:40%;opacity:0.9;object-fit:cover;}
.deal-content{position:relative;z-index:1;padding:0 50px;}
.deal-content span{font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#fff;}
.deal-content h2{font-family:var(--display);font-weight:700;font-size:32px;color:#fff;margin:12px 0 18px;text-shadow:0 2px 0 rgba(0,0,0,0.15);}
.deal-content a{background:#fff;color:var(--rose);padding:13px 30px;font-size:13px;font-weight:800;border-radius:26px;}
.deal-content a:hover{background:var(--pink-deep);color:#fff;}
.deal-banner.alt .deal-inner{background:linear-gradient(120deg, #9C6ADE 0%, #B23A66 100%);}

/* ===== BRAND SPOTLIGHT ===== */
.spotlight{max-width:1400px;margin:52px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:20px;overflow:hidden;}
.spotlight .sp-img{position:relative;aspect-ratio:5/4;}
.spotlight .sp-img img{width:100%;height:100%;object-fit:cover;}
.spotlight .sp-copy{background:var(--pink-deep);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:center;}
.spotlight .sp-copy span{font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#F0C4D6;margin-bottom:14px;}
.spotlight .sp-copy h2{font-family:var(--display);font-size:27px;margin-bottom:14px;}
.spotlight .sp-copy p{color:#F0C4D6;font-size:13.5px;line-height:1.7;margin-bottom:24px;}
.spotlight .sp-copy a{background:var(--rose-gold);color:#3B1626;padding:12px 28px;border-radius:26px;font-weight:800;font-size:13px;width:fit-content;}

/* ===== TESTIMONIALS / TRUST STRIP ===== */
.trust-strip{max-width:1400px;margin:0 auto;padding:36px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.trust-item{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:20px;text-align:center;}
.trust-item .ic{font-size:26px;margin-bottom:8px;}
.trust-item h4{font-family:var(--display);font-size:14px;color:var(--pink-deep);margin-bottom:4px;}
.trust-item p{font-size:12px;color:var(--stone);}

/* ===== GENERIC PAGE CONTENT ===== */
.page-wrap{max-width:1000px;margin:0 auto;padding:50px 24px 80px;}
.page-wrap h1.page-title{font-family:var(--display);font-size:32px;color:var(--pink-deep);margin-bottom:24px;}
.page-wrap h2{font-family:var(--display);color:var(--pink-deep);margin:28px 0 12px;}
.page-wrap p{margin-bottom:14px;color:var(--ink);}
.faq-item{border-bottom:1px solid var(--line);padding:16px 0;}
.faq-item h3{font-family:var(--display);color:var(--pink-deep);font-size:16px;margin-bottom:6px;}

/* ===== WOOCOMMERCE PAGE WRAPPER ===== */
.woocommerce-page-wrap{max-width:1400px;margin:0 auto;padding:36px 24px 70px;}
.woocommerce-breadcrumb{font-size:12px;color:var(--stone);margin-bottom:20px;}
.woocommerce-breadcrumb a{color:var(--rose);}

/* Buttons everywhere (WooCommerce global) */
.button, .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit{
  background:var(--pink) !important;color:#fff !important;border:none !important;border-radius:26px !important;
  padding:12px 26px !important;font-weight:800 !important;font-size:13px !important;letter-spacing:.02em;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background:var(--rose) !important;}
.woocommerce a.button.alt, .woocommerce #respond input#submit.alt{background:var(--rose-gold) !important;color:#3B1626 !important;}

/* Single product page */
.woocommerce div.product .woocommerce-tabs ul.tabs li{font-family:var(--display);}
.woocommerce div.product p.price, .woocommerce div.product span.price{color:var(--rose);font-size:24px;font-weight:800;}
.woocommerce div.product .product_title{font-family:var(--display);color:var(--pink-deep);}
.single_add_to_cart_button{background:var(--pink) !important;}

/* Cart / checkout tables */
.woocommerce table.shop_table{border-radius:14px;overflow:hidden;border:1px solid var(--line);}
.woocommerce table.shop_table th{background:var(--blush);color:var(--pink-deep);}
.woocommerce-checkout #payment{background:var(--blush);border-radius:14px;}

/* My account */
.woocommerce-account .woocommerce-MyAccount-navigation ul{border-radius:14px;overflow:hidden;border:1px solid var(--line);}
.woocommerce-account .woocommerce-MyAccount-navigation li{background:var(--panel);}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--pink);color:#fff;}
.woocommerce-account .woocommerce-MyAccount-navigation li a{padding:12px 18px;display:block;font-weight:700;font-size:13px;color:var(--pink-deep);}

/* ===== FOOTER ===== */
.back-to-top{background:var(--pink-deep);color:#fff;text-align:center;padding:16px;font-size:12.5px;font-weight:700;cursor:pointer;margin-top:40px;}
.back-to-top:hover{background:#5C1430;}
footer.site-footer{background:var(--pink-deep);color:#F0C4D6;}
.footer-cols{max-width:1400px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.footer-cols h4{color:#fff;font-family:var(--display);font-size:14px;margin-bottom:16px;}
.footer-cols li{margin-bottom:10px;font-size:12.5px;}
.footer-cols li a:hover{text-decoration:underline;color:#fff;}
.footer-newsletter input[type="email"]{width:100%;padding:10px 14px;border-radius:20px;border:none;margin-bottom:8px;font-size:12.5px;}
.footer-newsletter button{width:100%;background:var(--rose-gold);color:#3B1626;border:none;padding:10px;border-radius:20px;font-weight:800;font-size:12.5px;}
.footer-bottom{border-top:1px solid #A24870;text-align:center;padding:24px;font-size:12px;color:#E3A9C1;}
.footer-bottom .site-title-footer{font-family:var(--display);font-size:16px;color:#fff;margin-bottom:8px;}

/* ===== LANGUAGE / CURRENCY SWITCHERS ===== */
.petal-switch{position:relative;}
.petal-switch summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:#fff;background:rgba(255,255,255,0.14);padding:7px 11px;border-radius:16px;white-space:nowrap;}
.petal-switch summary::-webkit-details-marker{display:none;}
.petal-switch summary:hover{background:rgba(255,255,255,0.24);}
.petal-switch[open] summary{background:#fff;color:var(--pink-deep);}
.switch-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:14px;box-shadow:0 12px 28px rgba(60,10,30,0.22);padding:8px;min-width:170px;z-index:80;display:flex;flex-direction:column;gap:2px;}
.switch-dropdown a{padding:9px 12px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;}
.switch-dropdown a:hover{background:var(--blush);}
.switch-dropdown a.active{background:var(--pink);color:#fff;}

/* ===== MOBILE DRAWER ===== */
.mobile-drawer-overlay{position:fixed;inset:0;background:rgba(30,5,15,0.5);z-index:120;opacity:0;pointer-events:none;transition:opacity .25s ease;}
.mobile-drawer-overlay.open{opacity:1;pointer-events:auto;}
.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:82%;max-width:340px;background:#fff;z-index:130;transform:translateX(-100%);transition:transform .28s ease;overflow-y:auto;padding:20px;}
.mobile-drawer.open{transform:translateX(0);}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.drawer-head .site-title{font-family:var(--display);font-size:19px;color:var(--pink-deep);font-weight:700;}
.drawer-close{background:var(--blush);border:none;width:32px;height:32px;border-radius:50%;font-size:14px;color:var(--pink-deep);}
.drawer-search{margin-bottom:16px;border:1px solid var(--line);box-shadow:none;}
.drawer-search input{color:var(--ink);}
.drawer-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--blush);color:var(--pink-deep);font-weight:800;font-size:13.5px;margin-bottom:10px;}
.drawer-nav{display:flex;flex-direction:column;margin:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;}
.drawer-nav a{padding:11px 6px;font-size:13.5px;font-weight:700;color:var(--ink);}
.drawer-nav a:hover{color:var(--pink);}
.drawer-section{margin-top:16px;}
.drawer-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--stone);margin-bottom:8px;}
.drawer-pill-row{display:flex;flex-wrap:wrap;gap:8px;}
.drawer-pill{padding:7px 12px;border-radius:16px;background:var(--blush);color:var(--pink-deep);font-size:12px;font-weight:700;}
.drawer-pill.active{background:var(--pink);color:#fff;}

/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
  ul.products{grid-template-columns:repeat(3,1fr) !important;}
  .cat-circles{grid-template-columns:repeat(3,1fr);}
  .hero-zone{grid-template-columns:1fr;}
  .spotlight{grid-template-columns:1fr;}
  .trust-strip{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:800px){
  .top-bar{flex-wrap:wrap;gap:12px;}
  .deliver, .top-links{display:none;}
  ul.products{grid-template-columns:repeat(2,1fr) !important;}
  .footer-cols{grid-template-columns:1fr 1fr;}
  .hero-copy h1{font-size:28px;}
  .hero-img{display:none;}
  .deal-inner img{display:none;}
  .sub-nav{display:none;}
  .mobile-nav-toggle{display:block;order:-1;}
}
@media(min-width:801px){
  .mobile-drawer, .mobile-drawer-overlay, .mobile-nav-toggle{display:none;}
}