/*
Theme Name: dizaara
Theme URI: https://dizaara.com
Author: dizaara
Author URI: https://dizaara.com
Description: dizaara — a premium fashion & beauty WooCommerce theme. Warm ivory editorial design with an orange accent, a one-page scrolling homepage, smart product search, featured collections, and full WooCommerce shop, cart, checkout and account support. Brand mark: "di" in orange, "zaara" in black.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dizaara
Tags: e-commerce, woocommerce, one-column, custom-menu, custom-logo, featured-images, translation-ready
WC requires at least: 6.0
WC tested up to: 9.4
*/

/* ============================================================
   dizaara — design tokens
   ============================================================ */
:root{
  --dz-orange:#D85A16;
  --dz-orange-dark:#b84a10;
  --dz-black:#111111;
  --dz-cream:#FAF7F2;
  --dz-beige:#EFE7DC;
  --dz-white:#FFFFFF;
  --dz-grey:#6F6A65;
  --dz-border:#E8E1D9;
  --dz-radius:0.75rem;
  --dz-max:1200px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Manrope',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--dz-cream);
  color:var(--dz-black);
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--dz-orange);color:#fff;}

h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;color:var(--dz-black);margin:0;line-height:1.08;letter-spacing:-0.01em;font-weight:600;}
.dz-serif{font-family:'Cormorant Garamond',Georgia,serif;}
.dz-italic-you{font-style:italic;color:var(--dz-orange);}

.dz-container{max-width:var(--dz-max);margin:0 auto;padding:0 20px;}
.dz-eyebrow{font-size:12px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--dz-orange);margin:0 0 14px;}
.dz-muted{color:var(--dz-grey);}
.dz-section{padding:72px 0;}
.dz-btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;border-radius:999px;padding:14px 28px;transition:background-color .25s ease,color .25s ease,transform .2s ease;}
.dz-btn-primary{background:var(--dz-orange);color:#fff;}
.dz-btn-primary:hover{background:var(--dz-orange-dark);}
.dz-btn-dark{background:var(--dz-black);color:#fff;}
.dz-btn-dark:hover{background:var(--dz-orange);}
.dz-btn-outline{background:#fff;color:var(--dz-black);border:1px solid var(--dz-border);}
.dz-btn-outline:hover{border-color:var(--dz-orange);color:var(--dz-orange);}

/* ============================================================
   Header
   ============================================================ */
.dz-header{position:sticky;top:0;z-index:60;background:var(--dz-cream);border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease;}
.dz-header.dz-scrolled{background:rgba(250,247,242,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--dz-border);}
.dz-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:80px;}
.dz-logo{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:26px;letter-spacing:.02em;}
.dz-logo .di{color:var(--dz-orange);}
.dz-logo .zaara{color:var(--dz-black);}
.dz-nav{display:flex;align-items:center;gap:30px;margin:0 auto;}
.dz-nav a{font-size:14px;font-weight:500;position:relative;padding:4px 0;}
.dz-nav a::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--dz-orange);transition:width .3s ease;}
.dz-nav a:hover{color:var(--dz-orange);}
.dz-nav a:hover::after{width:100%;}
.dz-header-actions{display:flex;align-items:center;gap:6px;}
.dz-icon-btn{position:relative;background:none;border:none;cursor:pointer;padding:10px;border-radius:999px;color:var(--dz-black);display:inline-flex;transition:background-color .2s ease,color .2s ease;}
.dz-icon-btn:hover{background:var(--dz-beige);color:var(--dz-orange);}
.dz-icon-btn svg{width:20px;height:20px;}
.dz-badge{position:absolute;top:2px;right:2px;background:var(--dz-orange);color:#fff;font-size:10px;line-height:1;min-width:16px;height:16px;padding:0 3px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;}
.dz-hamburger{display:none;}
.dz-contact-link{font-size:14px;font-weight:500;margin-left:8px;}
.dz-contact-link:hover{color:var(--dz-orange);}

/* mobile menu */
.dz-mobile-panel{position:fixed;inset:0 30% 0 0;background:var(--dz-cream);z-index:80;transform:translateX(-100%);transition:transform .3s ease;padding:24px;border-right:1px solid var(--dz-border);overflow-y:auto;}
.dz-mobile-panel.open{transform:translateX(0);}
.dz-mobile-overlay{position:fixed;inset:0;background:rgba(17,17,17,.4);z-index:70;opacity:0;visibility:hidden;transition:opacity .3s ease;}
.dz-mobile-overlay.open{opacity:1;visibility:visible;}
.dz-mobile-panel a{display:block;font-family:'Cormorant Garamond',serif;font-size:22px;padding:14px 0;border-bottom:1px solid var(--dz-border);}

/* ============================================================
   Search overlay
   ============================================================ */
.dz-search-overlay{position:fixed;inset:0;background:rgba(17,17,17,.4);z-index:90;display:none;align-items:flex-start;justify-content:center;padding:8vh 16px;}
.dz-search-overlay.open{display:flex;}
.dz-search-box{background:var(--dz-cream);width:100%;max-width:760px;border-radius:20px;border:1px solid var(--dz-border);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25);}
.dz-search-box form{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--dz-border);}
.dz-search-box input{flex:1;border:none;background:none;font-size:18px;outline:none;color:var(--dz-black);}
.dz-search-suggest{max-height:50vh;overflow-y:auto;}
.dz-suggest-item{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--dz-border);transition:background .2s;}
.dz-suggest-item:hover{background:var(--dz-beige);}
.dz-suggest-item img{width:44px;height:54px;object-fit:cover;border-radius:6px;}
.dz-suggest-item .price{margin-left:auto;color:var(--dz-orange);font-weight:600;}

/* ============================================================
   Hero
   ============================================================ */
.dz-hero{padding:56px 0 24px;}
.dz-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center;}
.dz-hero h1{font-size:clamp(2.6rem,5vw,4.4rem);}
.dz-hero p.lead{margin:22px 0 0;font-size:1.05rem;color:var(--dz-grey);max-width:34rem;}
.dz-hero-media{position:relative;}
.dz-hero-media .main{border-radius:24px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--dz-border);box-shadow:0 24px 60px rgba(0,0,0,.14);}
.dz-hero-media .main img{width:100%;height:100%;object-fit:cover;}
.dz-hero-media .inset{position:absolute;bottom:-28px;left:-22px;width:44%;aspect-ratio:1;border-radius:18px;overflow:hidden;border:5px solid var(--dz-cream);box-shadow:0 20px 40px rgba(0,0,0,.2);}
.dz-hero-media .inset img{width:100%;height:100%;object-fit:cover;}

/* big search */
.dz-search-bar{margin-top:32px;max-width:640px;background:#fff;border-radius:999px;border:1px solid var(--dz-border);box-shadow:0 12px 30px rgba(0,0,0,.08);display:flex;align-items:center;padding:8px;}
.dz-search-bar svg.leading{width:20px;height:20px;color:var(--dz-grey);margin-left:16px;flex:none;}
.dz-search-bar input{flex:1;border:none;background:none;outline:none;padding:10px 12px;font-size:15px;color:var(--dz-black);}
.dz-search-bar button{background:var(--dz-orange);border:none;cursor:pointer;color:#fff;width:48px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:none;transition:background-color .25s;}
.dz-search-bar button:hover{background:var(--dz-orange-dark);}

/* category pills */
.dz-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
.dz-pill{display:inline-flex;align-items:center;gap:8px;background:var(--dz-beige);border:1px solid var(--dz-border);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .25s,color .25s;}
.dz-pill svg{width:16px;height:16px;color:var(--dz-orange);}
.dz-pill:hover{background:var(--dz-black);color:#fff;}
.dz-pill:hover svg{color:var(--dz-orange);}

/* ============================================================
   Trust bar
   ============================================================ */
.dz-trust{border-top:1px solid var(--dz-border);border-bottom:1px solid var(--dz-border);background:rgba(239,231,220,.4);}
.dz-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0;}
.dz-trust-item{display:flex;gap:12px;align-items:flex-start;}
.dz-trust-item .ic{width:44px;height:44px;border-radius:999px;background:#fff;border:1px solid var(--dz-border);display:flex;align-items:center;justify-content:center;flex:none;}
.dz-trust-item .ic svg{width:20px;height:20px;color:var(--dz-orange);}
.dz-trust-item h4{font-size:19px;}
.dz-trust-item p{margin:2px 0 0;font-size:12px;color:var(--dz-grey);}

/* ============================================================
   Section heading
   ============================================================ */
.dz-head{margin-bottom:40px;}
.dz-head h2{font-size:clamp(1.9rem,3.5vw,3rem);}

/* ============================================================
   Collections
   ============================================================ */
.dz-collections{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.dz-collection{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--dz-border);display:block;}
.dz-collection.wide{grid-column:span 2;}
.dz-collection .img{aspect-ratio:4/5;overflow:hidden;background:var(--dz-beige);}
.dz-collection.wide .img{aspect-ratio:16/10;}
.dz-collection img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
.dz-collection:hover img{transform:scale(1.05);}
.dz-collection .cap{position:absolute;inset:auto 0 0 0;padding:24px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0));}
.dz-collection .cap h3{color:#fff;font-size:26px;}
.dz-collection .cap span{font-size:13px;opacity:.85;}

/* ============================================================
   Product grid + cards
   ============================================================ */
.dz-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.dz-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--dz-border);border-radius:var(--dz-radius);overflow:hidden;transition:box-shadow .3s ease;}
.dz-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.1);}
.dz-card .media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--dz-beige);}
.dz-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
.dz-card:hover .media img{transform:scale(1.05);}
.dz-card .badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:2;}
.dz-badge-tag{font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:.08em;padding:4px 10px;border-radius:999px;color:#fff;}
.dz-badge-new{background:var(--dz-black);}
.dz-badge-sale{background:var(--dz-orange);}
.dz-wishlist-btn{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:999px;border:none;cursor:pointer;background:rgba(255,255,255,.85);backdrop-filter:blur(4px);color:var(--dz-black);display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;}
.dz-wishlist-btn svg{width:18px;height:18px;}
.dz-wishlist-btn:hover,.dz-wishlist-btn.active{background:var(--dz-orange);color:#fff;}
.dz-wishlist-btn.active svg{fill:currentColor;}
.dz-card .actions{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;}
.dz-card:hover .actions{opacity:1;transform:translateY(0);}
.dz-card .actions .view{flex:1;background:rgba(255,255,255,.92);backdrop-filter:blur(4px);border:none;cursor:pointer;font-size:12px;font-weight:600;padding:10px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:6px;}
.dz-card .actions .add{background:var(--dz-black);border:none;cursor:pointer;color:#fff;width:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:background-color .25s;}
.dz-card .actions .add:hover{background:var(--dz-orange);}
.dz-card .actions svg{width:16px;height:16px;}
.dz-card .body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1;}
.dz-card .cat{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--dz-grey);}
.dz-card .title{font-family:'Cormorant Garamond',serif;font-size:19px;line-height:1.2;color:var(--dz-black);}
.dz-card .title:hover{color:var(--dz-orange);}
.dz-card .price{margin-top:auto;padding-top:4px;color:var(--dz-black);font-weight:600;}
.dz-card .price del{color:var(--dz-grey);opacity:.7;font-weight:400;font-size:.9em;margin-left:6px;}
.dz-card .price ins{text-decoration:none;color:var(--dz-orange);}

/* dark section (Just for You) */
.dz-dark{background:var(--dz-black);color:#fff;}
.dz-dark h2,.dz-dark h3{color:#fff;}
.dz-dark .dz-muted{color:rgba(255,255,255,.6);}

/* ============================================================
   Editorial promo
   ============================================================ */
.dz-editorial{position:relative;border-radius:24px;overflow:hidden;min-height:420px;display:flex;align-items:center;border:1px solid var(--dz-border);}
.dz-editorial img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.dz-editorial .veil{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.dz-editorial .content{position:relative;z-index:2;color:#fff;padding:64px;max-width:560px;}
.dz-editorial .content h2{color:#fff;font-style:italic;font-size:clamp(1.9rem,4vw,3rem);}

/* ============================================================
   Newsletter
   ============================================================ */
.dz-newsletter-box{background:var(--dz-beige);border:1px solid var(--dz-border);border-radius:24px;padding:56px 24px;text-align:center;}
.dz-newsletter-box h2{font-size:clamp(1.9rem,4vw,3rem);}
.dz-newsletter-form{margin:28px auto 0;max-width:440px;display:flex;background:#fff;border:1px solid var(--dz-border);border-radius:999px;padding:8px;}
.dz-newsletter-form input{flex:1;border:none;background:none;outline:none;padding:10px 16px;font-size:14px;}
.dz-newsletter-form button{white-space:nowrap;}

/* ============================================================
   Footer
   ============================================================ */
.dz-footer{background:var(--dz-black);color:#EFE7DC;margin-top:96px;}
.dz-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:64px 0;}
.dz-footer .dz-logo .zaara{color:#fff;}
.dz-footer p{color:rgba(239,231,220,.7);font-size:14px;max-width:20rem;}
.dz-footer h4{color:rgba(255,255,255,.5);font-family:'Manrope',sans-serif;font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;}
.dz-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.dz-footer ul a{font-size:14px;color:rgba(239,231,220,.8);}
.dz-footer ul a:hover{color:var(--dz-orange);}
.dz-social{display:flex;gap:12px;margin-top:24px;}
.dz-social a{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s;}
.dz-social a:hover{border-color:var(--dz-orange);color:var(--dz-orange);}
.dz-social svg{width:16px;height:16px;}
.dz-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:28px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:rgba(255,255,255,.5);font-size:14px;}

/* ============================================================
   Contact page
   ============================================================ */
.dz-contact-grid{display:grid;grid-template-columns:3fr 2fr;gap:40px;}
.dz-form-card{background:#fff;border:1px solid var(--dz-border);border-radius:18px;padding:32px;}
.dz-field{width:100%;background:var(--dz-cream);border:1px solid var(--dz-border);border-radius:12px;padding:12px 16px;font-size:14px;font-family:inherit;outline:none;margin-bottom:14px;transition:border-color .2s;}
.dz-field:focus{border-color:var(--dz-orange);}
textarea.dz-field{resize:vertical;min-height:130px;}
.dz-info-card{display:flex;gap:16px;background:#fff;border:1px solid var(--dz-border);border-radius:18px;padding:20px;margin-bottom:16px;}
.dz-info-card .ic{width:44px;height:44px;border-radius:999px;background:var(--dz-beige);display:flex;align-items:center;justify-content:center;flex:none;}
.dz-info-card .ic svg{width:20px;height:20px;color:var(--dz-orange);}
.dz-info-card .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dz-grey);}

/* wishlist page */
.dz-wishlist-empty{text-align:center;padding:80px 0;color:var(--dz-grey);}

/* toast */
.dz-toast{position:fixed;bottom:24px;right:24px;z-index:120;background:var(--dz-black);color:#fff;padding:14px 20px;border-radius:12px;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.25);transform:translateY(20px);opacity:0;transition:opacity .3s,transform .3s;}
.dz-toast.show{opacity:1;transform:translateY(0);}
.dz-toast.err{background:#b3261e;}

/* generic page content */
.dz-page{padding:56px 0;}
.dz-page .entry-content{max-width:820px;}
.dz-page .entry-content p{color:var(--dz-grey);}

/* ============================================================
   WooCommerce alignment
   ============================================================ */
.woocommerce .dz-container{max-width:var(--dz-max);}
.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:28px;margin:0;padding:0;}
.woocommerce ul.products li.product{width:auto !important;margin:0 !important;float:none !important;}
.woocommerce .button,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit{background:var(--dz-black);color:#fff;border-radius:999px;padding:12px 24px;font-weight:600;transition:background-color .25s;}
.woocommerce .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--dz-orange);color:#fff;}
.woocommerce .button.alt,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt{background:var(--dz-orange);}
.woocommerce .button.alt:hover{background:var(--dz-orange-dark);}
.woocommerce span.onsale{background:var(--dz-orange);border-radius:999px;}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--dz-orange);}
.woocommerce-breadcrumb{color:var(--dz-grey);font-size:13px;margin-bottom:20px;}
.dz-shop-wrap{padding:48px 0;}
.dz-shop-wrap h1.woocommerce-products-header__title,.dz-shop-wrap .page-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);margin-bottom:24px;}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:1024px){
  .dz-collections,.dz-product-grid,.woocommerce ul.products{grid-template-columns:repeat(3,1fr);}
  .dz-footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:860px){
  .dz-nav,.dz-contact-link{display:none;}
  .dz-hamburger{display:inline-flex;}
  .dz-hero-grid{grid-template-columns:1fr;}
  .dz-hero-media{order:-1;max-width:420px;}
  .dz-trust-grid{grid-template-columns:1fr 1fr;}
  .dz-collections{grid-template-columns:1fr 1fr;}
  .dz-collection.wide{grid-column:span 2;}
  .dz-contact-grid{grid-template-columns:1fr;}
  .dz-editorial .content{padding:36px;}
}
@media (max-width:560px){
  .dz-product-grid,.woocommerce ul.products,.dz-collections{grid-template-columns:1fr 1fr;}
  .dz-trust-grid{grid-template-columns:1fr;}
  .dz-footer-grid{grid-template-columns:1fr;}
  .dz-collection.wide{grid-column:span 2;}
  .dz-section{padding:52px 0;}
}