/*
Theme Name: Curious Closet Premium
Theme URI: https://curiouscloset.pk
Author: Curious Closet
Description: Elegant WooCommerce-ready multi-category boutique storefront for Curious Closet Pakistan. Includes responsive home page, category collections, product sections, WhatsApp and editable settings.
Version: 2.1.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: curious-closet-premium
License: GPL-2.0-or-later
*/
:root{--ink:#22201e;--sand:#f6f2ec;--gold:#ab8960;--line:#e7ded3}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#8a6948}img{max-width:100%;height:auto}.wrap{max-width:1240px;margin:auto;padding:0 24px}.announcement{background:#25201c;color:#f7f0e6;text-align:center;font-size:12px;letter-spacing:.11em;padding:9px}.header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-in{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-family:Georgia,serif;font-size:29px;letter-spacing:.08em;line-height:1.1;white-space:nowrap}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:.28em;margin-top:9px;text-align:center}.nav{display:flex;gap:21px;align-items:center;flex-wrap:wrap}.nav a{font-size:12px;text-transform:uppercase;letter-spacing:.07em}.nav .menu{display:flex;list-style:none;gap:20px;padding:0;margin:0;flex-wrap:wrap}.actions{display:flex;align-items:center;gap:15px;font-size:13px}.actions a{white-space:nowrap}.hero{background:linear-gradient(110deg,#eee7dd 0%,#f9f6f1 48%,#c8b49d 100%);position:relative;overflow:hidden}.hero:after{content:'CC';position:absolute;right:6%;top:8%;font:clamp(170px,28vw,450px)/1 Georgia,serif;color:#ffffff33;pointer-events:none}.hero-inner{min-height:510px;display:flex;align-items:center;position:relative;z-index:1}.hero-copy{max-width:650px;padding:80px 0}.eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:11px;font-weight:700;color:#795e45}.hero h1{font:normal clamp(48px,6.6vw,92px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:23px 0}.hero p{max-width:510px;color:#655e56;font-size:17px}.btn,.button,button[type=submit],input[type=submit]{display:inline-block;background:#26211e;color:#fff!important;padding:14px 25px;border:0;border-radius:0;cursor:pointer;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.btn:hover,.button:hover{background:#8c6e4c;color:#fff!important}.hero .btn{margin-top:20px}.perks{border-bottom:1px solid var(--line)}.perks-in{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:15px;padding:21px 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.perks-in>div+div{border-left:1px solid var(--line)}section.pad{padding:82px 0}.section-top{text-align:center;margin-bottom:38px}.section-top .eyebrow{display:block}.section-top h2{font:normal clamp(32px,4vw,49px)/1.15 Georgia,serif;margin:13px 0}.section-top p{color:#777}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.category{position:relative;display:flex;flex-direction:column;justify-content:end;min-height:265px;padding:25px;background:linear-gradient(145deg,#e9ddd0,#cbb49c);overflow:hidden}.category:nth-child(2){background:linear-gradient(145deg,#e5dfd9,#c9c0b5)}.category:nth-child(3){background:linear-gradient(145deg,#d8d1c7,#aaa08f)}.category:nth-child(4){background:linear-gradient(145deg,#eadfd9,#bca69d)}.category:nth-child(5){background:linear-gradient(145deg,#e3d9c9,#a99a83)}.category:nth-child(6){background:linear-gradient(145deg,#dcd9d2,#b6ada2)}.category:before{content:'✦';font:140px Georgia,serif;color:#ffffff55;position:absolute;top:-20px;right:20px}.category span{font:normal 28px Georgia,serif;z-index:1}.category small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;z-index:1}.product-area{background:#faf8f5}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{text-align:center}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;color:#25201c}.woocommerce ul.products li.product .price{color:#846748}.woocommerce span.onsale{background:#28231e}.woocommerce a.button{font-size:11px}.empty-note{text-align:center;padding:40px;border:1px solid var(--line);background:#fff}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:340px;background:#ede5dc}.feature-art{background:radial-gradient(circle at 70% 40%,#e6d7c3,#b4a28e);display:flex;align-items:center;justify-content:center;font:140px Georgia,serif;color:#ffffff66}.feature-copy{padding:65px 9%;align-self:center}.feature h2{font:normal 43px/1.15 Georgia,serif;margin:14px 0}.feature p{color:#655e56}.footer{background:#25211e;color:#f1eae2;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3{font:normal 27px Georgia,serif;margin:0 0 20px}.footer h4{font-size:13px;letter-spacing:.13em;text-transform:uppercase}.footer a{display:block;color:#e2d6c9;font-size:13px;margin:9px 0}.footer p{color:#d5c8ba;font-size:13px}.copyright{border-top:1px solid #4a4038;margin-top:40px;padding-top:20px;font-size:12px;color:#b9a99a}.page-main{min-height:55vh;padding:55px 0}.page-main h1{font:normal 43px Georgia,serif}.whatsapp{position:fixed;right:23px;bottom:23px;background:#236c4d;color:white!important;padding:12px 19px;border-radius:35px;box-shadow:0 8px 24px #0003;z-index:20;font-size:13px}.screen-reader-text{position:absolute;left:-9999px}.menu-toggle{display:none}@media(max-width:900px){.header-in{flex-wrap:wrap;padding:18px 0}.nav{order:3;width:100%;justify-content:center}.nav .menu{justify-content:center;gap:14px}.categories{grid-template-columns:repeat(2,1fr)}.hero-inner{min-height:440px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.wrap{padding:0 16px}.header-in{gap:12px}.brand{font-size:22px}.nav .menu{gap:10px}.nav a{font-size:10px}.actions{font-size:11px}.hero-inner{min-height:390px}.hero-copy{padding:55px 0}.hero h1{font-size:48px}.hero p{font-size:14px}.perks-in{grid-template-columns:1fr;font-size:10px}.perks-in>div+div{border-left:0}.categories{grid-template-columns:1fr 1fr;gap:10px}.category{min-height:180px;padding:16px}.category span{font-size:22px}section.pad{padding:55px 0}.feature{grid-template-columns:1fr}.feature-art{min-height:180px;font-size:100px}.feature-copy{padding:35px 25px}.footer-grid{grid-template-columns:1fr;gap:15px}}

/* Customizer image controls — version 2.1 */
.hero.has-hero-image {background-image:linear-gradient(90deg,rgba(247,242,235,.97) 0%,rgba(247,242,235,.89) 38%,rgba(247,242,235,.12) 78%),var(--ccp-hero-image);background-size:cover;background-position:center center}
.hero.has-hero-image:after{display:none}
.category.has-category-image{background-image:linear-gradient(0deg,rgba(20,17,15,.68),rgba(20,17,15,0) 72%),var(--ccp-category-image)!important;background-size:cover;background-position:center}
.category.has-category-image:before{display:none}
.category.has-category-image small,.category.has-category-image span{color:white;text-shadow:0 1px 7px rgba(0,0,0,.3)}
.feature-art.has-feature-image{background-image:var(--ccp-feature-image);background-size:cover;background-position:center}
@media(max-width:580px){.hero.has-hero-image{background-image:linear-gradient(90deg,rgba(247,242,235,.94),rgba(247,242,235,.68)),var(--ccp-hero-image);background-position:62% center}}

/* Curious Closet - Home Decor Subcategories */

.cc-subcategories {
    padding: 35px 0 45px;
}

.cc-subcategories h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 28px;
}

.cc-subcategory-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.cc-subcategory-card {
    display: block;
    text-align: center;
    text-decoration: none;
    color: inherit;
}

.cc-subcategory-card img,
.cc-subcategory-placeholder {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 12px;
}

.cc-subcategory-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f0eb;
    font-size: 48px;
}

.cc-subcategory-card h3 {
    font-size: 17px;
    margin-top: 12px;
}

@media (max-width: 768px) {
    .cc-subcategory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .cc-subcategories h2 {
        font-size: 24px;
    }
}

/* Curious Closet - Home Decor Dropdown */

.cc-nav-dropdown {
    position: relative;
    display: flex;
    align-items: center;
}

.cc-nav-parent {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.cc-nav-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 215px;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 9999;
}

.cc-nav-submenu a {
    display: block;
    padding: 11px 16px;
    color: #222;
    text-decoration: none;
    white-space: nowrap;
}

.cc-nav-submenu a:hover {
    background: #f7f2ec;
    color: #a77b26;
}

.cc-nav-dropdown:hover .cc-nav-submenu,
.cc-nav-dropdown:focus-within .cc-nav-submenu {
    display: block;
}

/* Mobile: show subcategories without relying on hover */
@media (max-width: 768px) {
    .cc-nav-dropdown {
        display: block;
    }

    .cc-nav-submenu {
        display: block;
        position: static;
        min-width: 0;
        padding: 0 0 0 12px;
        border: 0;
        box-shadow: none;
        background: transparent;
    }

    .cc-nav-submenu a {
        padding: 8px 12px;
        white-space: normal;
    }
}

/* ==========================================
   CURIOUS CLOSET - PREMIUM NAVIGATION
   Bold + Montserrat Font + Gold Hover
   ========================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* MAIN PARENT CATEGORIES */
.header .nav > a,
.header .nav > .cc-nav-dropdown > a,
.header .nav > ul > li > a,
.header .nav > .menu > li > a {

    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #222222 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* GOLD HOVER EFFECT */
.header .nav > a:hover,
.header .nav > .cc-nav-dropdown > a:hover,
.header .nav > ul > li > a:hover,
.header .nav > .menu > li > a:hover {
    color: #b08d57 !important;
}

/* SUBCATEGORY DROPDOWN */
.header .cc-nav-submenu a,
.header .nav .sub-menu a {

    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;
    color: #333333 !important;
}

/* SUBCATEGORY HOVER */
.header .cc-nav-submenu a:hover,
.header .nav .sub-menu a:hover {
    color: #b08d57 !important;
    background: #faf6f0 !important;
}

/* MOBILE MENU FONT */
@media (max-width: 768px) {
    .header .nav > a,
    .header .nav > .cc-nav-dropdown > a,
    .header .nav > ul > li > a {
        font-size: 12px !important;
        letter-spacing: 0.5px !important;
    }
}
/* ========================================
   CURIOUS CLOSET - HEADER UPGRADE
   ======================================== */

@media (min-width: 901px) {

    .header .header-in {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        min-height: 90px;
    }

    .header .brand {
        flex-shrink: 0;
    }

    .header .nav {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        gap: 13px;
        flex-wrap: nowrap;
        min-width: 0;
    }

    .header .nav > a,
    .header .nav > .cc-nav-dropdown > a {
        font-size: 11px !important;
        letter-spacing: 0.3px !important;
        white-space: nowrap;
    }

    .header .cc-header-actions {
        flex-shrink: 0;
    }
}

/* Header buttons */

.header .cc-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header .cc-header-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 13px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    transition: background .25s ease, color .25s ease;
}

.header .cc-shop-btn {
    background: #25211e;
    color: #fff;
}

.header .cc-wishlist-btn {
    background: #fff;
    color: #25211e;
    border: 1px solid #d7c4a5;
}

.header .cc-cart-btn {
    background: #ab8960;
    color: #fff;
}

.header .cc-shop-btn:hover {
    background: #493a30;
    color: #fff;
}

.header .cc-wishlist-btn:hover {
    background: #faf6f0;
    color: #ab8960;
}

.header .cc-cart-btn:hover {
    background: #8a6948;
    color: #fff;
}

/* Tablet and mobile */

@media (max-width: 900px) {

    .header .header-in {
        gap: 12px;
    }

    .header .cc-header-actions {
        margin-left: auto;
    }

    .header .nav {
        order: 3;
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 580px) {

    .header .cc-header-actions {
        gap: 5px;
    }

    .header .cc-header-actions a {
        padding: 8px 9px;
        font-size: 11px;
    }

    .header .brand {
        font-size: 20px;
    }
}

/* Curious Closet Premium Footer */

.cc-premium-footer {
    background: #25211e;
    color: #f5eee6;
    padding: 65px 0 25px;
}

.cc-premium-footer .footer-grid {
    display: grid;
    grid-template-columns: 1.8fr 1fr 1fr 1.2fr;
    gap: 35px;
}

.cc-premium-footer h3 {
    font-family: Georgia, serif;
    font-size: 29px;
    margin-bottom: 20px;
}

.cc-premium-footer h4 {
    color: #d4b183;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 22px;
    text-transform: uppercase;
}

.cc-premium-footer p {
    line-height: 1.9;
}

.cc-premium-footer a {
    display: block;
    color: #e2d6c9;
    font-size: 13px;
    margin: 10px 0;
    transition: color .2s ease;
}

.cc-premium-footer a:hover {
    color: #d4b183;
}

.cc-premium-footer .cc-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
}

.cc-premium-footer .cc-social-links a {
    color: #d4b183;
    font-size: 12px;
    font-weight: 600;
}

.cc-premium-footer .copyright {
    text-align: center;
    margin-top: 45px;
    padding-top: 22px;
    border-top: 1px solid #4a4038;
}

@media (max-width: 900px) {
    .cc-premium-footer .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 580px) {
    .cc-premium-footer .footer-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .cc-premium-footer {
        padding-top: 45px;
    }
}