/*
Theme Name: DIVYAKALA
Theme URI: https://divyakala.com
Author: DIVYAKALA
Author URI: https://divyakala.com
Description: A royal and elegant WooCommerce-ready WordPress theme built for DIVYAKALA — Women's Suits & Kurtis online store. Fully customizable from Appearance > Customize (logo, colors, hero banner, menus, footer, social links). Works out of the box in Hostinger WordPress hosting.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
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: divyakala
Tags: e-commerce, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, translation-ready, woocommerce

DIVYAKALA - Royal and Elegant
*/

/* =========================================================
   1. CSS VARIABLES (edit defaults here — also editable live
      via Appearance > Customize > Theme Colors)
   ========================================================= */
:root{
  --dk-maroon:      #7A1E3C;
  --dk-maroon-dark: #591430;
  --dk-gold:        #C9A227;
  --dk-gold-light:  #E9D9A6;
  --dk-cream:       #FDF8F0;
  --dk-cream-dark:  #F5EBDA;
  --dk-text:        #2B2320;
  --dk-text-light:  #6E5F55;
  --dk-white:       #FFFFFF;
  --dk-border:      #E7DCC8;
  --dk-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --dk-font-body: 'Poppins', 'Segoe UI', sans-serif;
  --dk-radius: 6px;
  --dk-shadow: 0 8px 24px rgba(89,20,48,0.08);
}

/* =========================================================
   2. RESET & BASE
   ========================================================= */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--dk-font-body);
  color:var(--dk-text);
  background:var(--dk-cream);
  line-height:1.7;
  font-size:16px;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--dk-maroon);text-decoration:none;transition:color .25s ease;}
a:hover{color:var(--dk-gold);}
h1,h2,h3,h4,h5,h6{
  font-family:var(--dk-font-heading);
  color:var(--dk-maroon-dark);
  font-weight:700;
  line-height:1.25;
  margin:0 0 .6em;
}
h1{font-size:2.6rem;}
h2{font-size:2.1rem;}
h3{font-size:1.5rem;}
p{margin:0 0 1.2em;}
ul{margin:0;padding:0;list-style:none;}
.container{max-width:1240px;margin:0 auto;padding:0 24px;}
section{padding:70px 0;}
.section-title{text-align:center;margin-bottom:44px;}
.section-title span{
  display:inline-block;text-transform:uppercase;letter-spacing:3px;
  font-size:.75rem;color:var(--dk-gold);font-weight:600;margin-bottom:8px;
}
.section-title h2{margin:0;position:relative;display:inline-block;}
.section-title h2::after{
  content:"";display:block;width:70px;height:3px;margin:14px auto 0;
  background:linear-gradient(90deg,var(--dk-gold),var(--dk-maroon));
  border-radius:3px;
}
.btn{
  display:inline-block;padding:14px 34px;border-radius:2px;
  background:var(--dk-maroon);color:var(--dk-white)!important;
  font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:.82rem;
  border:2px solid var(--dk-maroon);cursor:pointer;transition:all .3s ease;
}
.btn:hover{background:transparent;color:var(--dk-maroon)!important;}
.btn-outline{background:transparent;color:var(--dk-white)!important;border:2px solid var(--dk-gold);}
.btn-outline:hover{background:var(--dk-gold);color:var(--dk-maroon-dark)!important;}
.btn-gold{background:var(--dk-gold);border-color:var(--dk-gold);color:var(--dk-maroon-dark)!important;}
.btn-gold:hover{background:transparent;color:var(--dk-gold)!important;}

/* =========================================================
   3. TOP BAR
   ========================================================= */
.dk-topbar{
  background:var(--dk-maroon-dark);color:var(--dk-gold-light);
  font-size:.8rem;padding:8px 0;letter-spacing:.5px;
}
.dk-topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.dk-topbar a{color:var(--dk-gold-light);}
.dk-topbar .dk-topbar-right{display:flex;gap:18px;}

/* =========================================================
   4. HEADER
   ========================================================= */
.dk-header{
  background:var(--dk-cream);border-bottom:1px solid var(--dk-border);
  position:sticky;top:0;z-index:999;
}
.dk-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 0;gap:24px;
}
.dk-logo{display:flex;align-items:center;gap:12px;}
.dk-logo img{max-height:64px;width:auto;}
.dk-logo-text h1{margin:0;font-size:1.9rem;letter-spacing:1px;}
.dk-logo-text span{
  display:block;font-size:.72rem;letter-spacing:4px;text-transform:uppercase;
  color:var(--dk-gold);font-family:var(--dk-font-body);font-weight:600;
}
.dk-main-nav{flex:1;display:flex;justify-content:center;}
.dk-main-nav ul{display:flex;gap:34px;}
.dk-main-nav a{
  text-transform:uppercase;font-size:.85rem;font-weight:600;letter-spacing:1px;
  color:var(--dk-text);padding:8px 2px;position:relative;
}
.dk-main-nav a:hover, .dk-main-nav .current-menu-item > a{color:var(--dk-maroon);}
.dk-main-nav a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:2px;
  background:var(--dk-gold);transition:width .25s ease;
}
.dk-main-nav a:hover::after{width:100%;}
.dk-main-nav ul ul{
  position:absolute;background:var(--dk-white);box-shadow:var(--dk-shadow);
  padding:12px 0;min-width:200px;flex-direction:column;display:none;
  border-top:2px solid var(--dk-gold);
}
.dk-main-nav li{position:relative;}
.dk-main-nav li:hover > ul{display:flex;}
.dk-main-nav ul ul a{display:block;padding:10px 20px;color:var(--dk-text);}
.dk-header-icons{display:flex;align-items:center;gap:20px;}
.dk-header-icons a{font-size:1.15rem;color:var(--dk-maroon-dark);position:relative;}
.dk-header-icons .dk-cart-count{
  position:absolute;top:-8px;right:-10px;background:var(--dk-gold);
  color:var(--dk-maroon-dark);font-size:.65rem;font-weight:700;
  border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;
}
.dk-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--dk-maroon);cursor:pointer;}

/* =========================================================
   5. HERO
   ========================================================= */
.dk-hero{
  position:relative;min-height:560px;display:flex;align-items:center;
  background:linear-gradient(135deg,var(--dk-maroon) 0%,var(--dk-maroon-dark) 100%);
  color:var(--dk-white);overflow:hidden;background-size:cover;background-position:center;
}
.dk-hero::before{
  content:"";position:absolute;inset:0;
  background:rgba(60,10,30,0.45);
}
.dk-hero.has-image::before{background:rgba(45,10,25,0.55);}
.dk-hero-content{position:relative;z-index:2;max-width:640px;padding:40px 0;}
.dk-hero-content span.dk-eyebrow{
  text-transform:uppercase;letter-spacing:4px;color:var(--dk-gold);
  font-size:.8rem;font-weight:700;display:block;margin-bottom:14px;
}
.dk-hero-content h1{color:var(--dk-white);font-size:3.1rem;margin-bottom:20px;}
.dk-hero-content p{font-size:1.1rem;color:#f2e6d8;max-width:520px;}
.dk-hero-buttons{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap;}
.dk-hero-pattern{
  position:absolute;right:-60px;top:-60px;width:340px;height:340px;
  border:2px solid rgba(201,162,39,.35);border-radius:50%;z-index:1;
}
.dk-hero-pattern.two{right:60px;top:120px;width:180px;height:180px;}

/* =========================================================
   6. USP STRIP
   ========================================================= */
.dk-usp{background:var(--dk-white);border-bottom:1px solid var(--dk-border);padding:0;}
.dk-usp .container{display:flex;flex-wrap:wrap;padding:0 24px;}
.dk-usp-item{
  flex:1 1 220px;display:flex;align-items:center;gap:14px;padding:26px 20px;
  border-right:1px solid var(--dk-border);
}
.dk-usp-item:last-child{border-right:none;}
.dk-usp-item i{font-size:1.6rem;color:var(--dk-gold);}
.dk-usp-item h4{margin:0 0 2px;font-size:.95rem;font-family:var(--dk-font-body);color:var(--dk-maroon-dark);}
.dk-usp-item p{margin:0;font-size:.8rem;color:var(--dk-text-light);}

/* =========================================================
   7. CATEGORY SHOWCASE
   ========================================================= */
.dk-categories{background:var(--dk-cream);}
.dk-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.dk-cat-card{
  position:relative;border-radius:var(--dk-radius);overflow:hidden;
  box-shadow:var(--dk-shadow);height:380px;background:var(--dk-maroon);
}
.dk-cat-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease;
}
.dk-cat-card:hover img{transform:scale(1.08);}
.dk-cat-overlay{
  position:absolute;inset:0;background:linear-gradient(to top,rgba(40,8,20,.85) 0%,rgba(40,8,20,.05) 55%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:26px;
}
.dk-cat-overlay h3{color:var(--dk-white);margin-bottom:4px;}
.dk-cat-overlay a{color:var(--dk-gold-light);font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;}

/* =========================================================
   8. PRODUCTS
   ========================================================= */
.dk-products{background:var(--dk-white);}
ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:28px;margin:0!important;padding:0!important;}
ul.products li.product{
  list-style:none;background:var(--dk-cream);border-radius:var(--dk-radius);
  overflow:hidden;text-align:center;padding:0 0 20px;box-shadow:var(--dk-shadow);
  transition:transform .3s ease;position:relative;
}
ul.products li.product:hover{transform:translateY(-6px);}
ul.products li.product img{
  width:100%;aspect-ratio:3/4;object-fit:cover;margin-bottom:16px;border-radius:0;
}
ul.products li.product h2,ul.products li.product .woocommerce-loop-product__title{
  font-size:1rem;padding:0 16px;margin-bottom:6px;color:var(--dk-text);font-family:var(--dk-font-body);font-weight:600;
}
ul.products li.product .price{
  color:var(--dk-maroon)!important;font-weight:700;font-size:1.05rem;
}
ul.products li.product .price del{color:var(--dk-text-light);opacity:.7;font-weight:400;}
ul.products li.product .price ins{text-decoration:none;}
ul.products li.product .button{
  margin-top:14px;background:var(--dk-maroon);color:var(--dk-white);
  border-radius:2px;padding:10px 22px;font-size:.78rem;text-transform:uppercase;
  letter-spacing:1px;border:none;font-weight:600;
}
ul.products li.product .button:hover{background:var(--dk-gold);color:var(--dk-maroon-dark);}
ul.products li.product .onsale{
  position:absolute;top:14px;left:14px;background:var(--dk-gold);color:var(--dk-maroon-dark);
  font-size:.7rem;font-weight:700;padding:5px 10px;border-radius:2px;text-transform:uppercase;min-height:auto;min-width:auto;line-height:1;
}
.dk-view-all{text-align:center;margin-top:46px;}

/* =========================================================
   9. BANNER / OFFER STRIP
   ========================================================= */
.dk-offer-banner{
  background:linear-gradient(120deg,var(--dk-gold-light),var(--dk-cream-dark));
  text-align:center;padding:54px 0;border-top:1px solid var(--dk-border);border-bottom:1px solid var(--dk-border);
}
.dk-offer-banner span{text-transform:uppercase;letter-spacing:3px;color:var(--dk-maroon);font-weight:700;font-size:.8rem;}
.dk-offer-banner h2{margin:10px 0 20px;}

/* =========================================================
   10. TESTIMONIALS
   ========================================================= */
.dk-testimonials{background:var(--dk-maroon-dark);color:var(--dk-white);}
.dk-testimonials .section-title h2{color:var(--dk-white);}
.dk-testimonials .section-title span{color:var(--dk-gold-light);}
.dk-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.dk-test-card{background:rgba(255,255,255,.06);padding:30px;border-radius:var(--dk-radius);border:1px solid rgba(201,162,39,.25);}
.dk-test-card i{color:var(--dk-gold);font-size:1.4rem;}
.dk-test-card p{color:#f0e4d5;font-style:italic;margin:14px 0;}
.dk-test-name{color:var(--dk-gold-light);font-weight:600;font-size:.9rem;}

/* =========================================================
   11. NEWSLETTER
   ========================================================= */
.dk-newsletter{background:var(--dk-cream-dark);text-align:center;}
.dk-newsletter h2{margin-bottom:10px;}
.dk-newsletter-form{display:flex;justify-content:center;gap:0;max-width:460px;margin:26px auto 0;}
.dk-newsletter-form input[type=email]{
  flex:1;padding:14px 18px;border:2px solid var(--dk-maroon);border-right:none;
  border-radius:2px 0 0 2px;font-family:var(--dk-font-body);outline:none;
}
.dk-newsletter-form button{border-radius:0 2px 2px 0;padding:14px 26px;}

/* =========================================================
   12. FOOTER
   ========================================================= */
.dk-footer{background:var(--dk-maroon-dark);color:#e8d9c8;padding-top:60px;}
.dk-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:40px;}
.dk-footer h4{color:var(--dk-gold);font-size:1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-family:var(--dk-font-body);}
.dk-footer p{color:#d8c7b3;font-size:.9rem;}
.dk-footer ul li{margin-bottom:10px;}
.dk-footer ul li a{color:#e8d9c8;font-size:.9rem;}
.dk-footer ul li a:hover{color:var(--dk-gold);}
.dk-footer-logo{font-family:var(--dk-font-heading);font-size:1.6rem;color:var(--dk-white);}
.dk-footer-logo span{display:block;font-size:.7rem;letter-spacing:3px;color:var(--dk-gold);text-transform:uppercase;font-family:var(--dk-font-body);margin-top:4px;}
.dk-social{display:flex;gap:12px;margin-top:18px;}
.dk-social a{
  width:36px;height:36px;border:1px solid var(--dk-gold);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--dk-gold);
}
.dk-social a:hover{background:var(--dk-gold);color:var(--dk-maroon-dark);}
.dk-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;text-align:center;font-size:.82rem;color:#c9b8a3;}
.dk-footer-bottom a{color:var(--dk-gold-light);}

/* =========================================================
   13. PAGE / BLOG / SINGLE
   ========================================================= */
.dk-page-header{background:var(--dk-maroon-dark);color:var(--dk-white);text-align:center;padding:60px 0;}
.dk-page-header h1{color:var(--dk-white);margin:0;}
.dk-breadcrumb{color:var(--dk-gold-light);font-size:.85rem;margin-top:8px;}
.dk-content-wrap{padding:60px 0;}
.dk-entry-card{background:var(--dk-white);border-radius:var(--dk-radius);box-shadow:var(--dk-shadow);overflow:hidden;margin-bottom:34px;}
.dk-entry-card img{width:100%;}
.dk-entry-card .dk-entry-body{padding:24px;}
.woocommerce-breadcrumb{padding:16px 0;font-size:.85rem;color:var(--dk-text-light);}

/* WooCommerce single product tweaks */
.single-product .summary .price{color:var(--dk-maroon);font-size:1.5rem;font-weight:700;}
.single-product .cart .button, .single-product a.button{background:var(--dk-maroon);color:#fff;border-radius:2px;}
.single-product .cart .button:hover{background:var(--dk-gold);color:var(--dk-maroon-dark);}
.woocommerce-tabs ul.tabs li a{font-family:var(--dk-font-heading);color:var(--dk-maroon);}
.star-rating{color:var(--dk-gold);}

/* Widgets / Sidebar */
.widget{background:var(--dk-white);padding:24px;border-radius:var(--dk-radius);box-shadow:var(--dk-shadow);margin-bottom:26px;}
.widget h2,.widget-title{font-size:1.05rem;border-bottom:2px solid var(--dk-gold);padding-bottom:10px;margin-bottom:16px;}

/* =========================================================
   14. RESPONSIVE
   ========================================================= */
@media (max-width: 1024px){
  .dk-cat-grid{grid-template-columns:repeat(2,1fr);}
  ul.products{grid-template-columns:repeat(3,1fr);}
  .dk-footer-grid{grid-template-columns:1fr 1fr;}
  .dk-test-grid{grid-template-columns:1fr;}
}
@media (max-width: 782px){
  .dk-main-nav{
    position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--dk-white);
    flex-direction:column;padding:80px 24px;box-shadow:var(--dk-shadow);transition:left .3s ease;z-index:1001;
  }
  .dk-main-nav.active{left:0;}
  .dk-main-nav ul{flex-direction:column;gap:6px;}
  .dk-main-nav ul ul{position:static;box-shadow:none;display:none;padding-left:14px;}
  .dk-main-nav li.menu-item-has-children.active > ul{display:flex;}
  .dk-menu-toggle{display:block;}
  .dk-hero-content h1{font-size:2.1rem;}
  .dk-cat-grid{grid-template-columns:1fr;}
  ul.products{grid-template-columns:repeat(2,1fr);}
  .dk-usp-item{border-right:none;border-bottom:1px solid var(--dk-border);}
  .dk-footer-grid{grid-template-columns:1fr;}
  .dk-topbar .container{justify-content:center;text-align:center;}
}
@media (max-width: 480px){
  ul.products{grid-template-columns:1fr 1fr;gap:14px;}
  h1{font-size:2rem;}
  .dk-hero{min-height:460px;}
}