/* ================================================
   PAKISTAN INDEPENDENCE DAY THEME
   Green + White + Gold Colors
   ================================================ */

:root {
    --pak-green: #01411C !important;
    --pak-green-light: #0F7938 !important;
    --pak-green-dark: #002611 !important;
    --pak-white: #ffffff !important;
    --pak-gold: #FFD700 !important;
    --pak-cream: #f8f5f0 !important;
    --gold: #FFD700 !important;
    --gold-hover: #DAA520 !important;
    --gold-light: #FFF3B0 !important;
}

/* ===== HEADER ===== */
.header {
    border-bottom: 3px solid #01411C !important;
    background: white !important;
}

.logo h1,
.logo h1 a {
    color: #01411C !important;
}

.logo h1 span,
.logo h1 a span {
    color: #FFD700 !important;
    background: linear-gradient(135deg, #FFD700, #DAA520) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Navigation Links */
.nav-menu a,
.nav-menu ul li a {
    color: #01411C !important;
    transition: color 0.3s !important;
}

.nav-menu a:hover,
.nav-menu ul li a:hover,
.nav-menu a.active,
.nav-menu ul li a.active {
    color: #0F7938 !important;
}

.nav-menu a::after {
    background: #01411C !important;
}

/* Header Icons */
.header-icons a,
.header-icons button {
    color: #01411C !important;
}

.header-icons a:hover {
    color: #0F7938 !important;
}

.cart-count {
    background: #01411C !important;
    color: white !important;
}

/* ===== TOP BAR / ANNOUNCE BAR ===== */
.top-bar,
.announce-bar,
.marquee-bar {
    background: linear-gradient(90deg, #01411C 0%, #0F7938 50%, #01411C 100%) !important;
    color: white !important;
}

.top-bar a,
.announce-bar a {
    color: #FFD700 !important;
}

.announce-bar strong {
    color: #FFD700 !important;
}

/* ===== BUTTONS ===== */
.btn,
.btn-primary,
button.primary,
.btn.btn-primary {
    background: #01411C !important;
    color: white !important;
    border: none !important;
}

.btn:hover,
.btn-primary:hover,
button.primary:hover {
    background: #0F7938 !important;
    color: white !important;
}

.btn-secondary,
.btn-outline {
    background: transparent !important;
    color: #01411C !important;
    border: 2px solid #01411C !important;
}

.btn-secondary:hover,
.btn-outline:hover {
    background: #01411C !important;
    color: white !important;
}

/* Gold accent buttons */
.btn-gold,
.btn-accent {
    background: linear-gradient(135deg, #FFD700, #DAA520) !important;
    color: #01411C !important;
    font-weight: 700 !important;
}

/* ===== HERO SECTION ===== */
.hero,
.modern-hero,
section.hero {
    background: linear-gradient(135deg, #01411C 0%, #0F7938 100%) !important;
    color: white !important;
}

.hero-content h1,
.hero-content h2,
.hero-text h1,
.hero-text h2,
section.hero h1,
section.hero h2 {
    color: white !important;
}

.hero-content h1 span,
.hero-content h1 .accent,
.hero-text h1 .accent,
.hero-title .accent {
    color: #FFD700 !important;
    background: linear-gradient(135deg, #FFD700, #DAA520) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.hero-content p,
.hero-text p,
.hero-subtitle {
    color: rgba(255,255,255,0.9) !important;
}

.hero .btn,
.hero-content .btn,
.hero-text .btn,
.btn-hero-primary,
.btn-modern.btn-gold {
    background: #FFD700 !important;
    color: #01411C !important;
    border: none !important;
}

.hero .btn:hover,
.btn-hero-primary:hover {
    background: #DAA520 !important;
    color: #01411C !important;
}

/* Hero badge */
.hero-text .badge,
.hero-badge,
.section-tag {
    background: rgba(255,215,0,0.15) !important;
    color: #FFD700 !important;
    border: 1px solid rgba(255,215,0,0.4) !important;
}

/* Hero stats */
.stat-item h4,
.hero-stat .number {
    color: #FFD700 !important;
}

/* ===== SECTION HEADERS ===== */
.section-title,
.section-header h2,
.section-title-wrap h2 {
    color: #01411C !important;
}

.section-title span,
.section-header h2 span,
.section-title-wrap h2 span {
    color: #0F7938 !important;
    font-style: italic !important;
}

.section-tag {
    background: rgba(1,65,28,0.1) !important;
    color: #01411C !important;
}

/* ===== CATEGORY CARDS ===== */
.category-card,
.categories-grid a {
    border-top: 4px solid #01411C !important;
    border-radius: 8px !important;
    background: white !important;
    transition: all 0.3s !important;
}

.category-card:hover {
    border-top-color: #FFD700 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(1,65,28,0.15) !important;
}

.category-card h3 {
    color: #01411C !important;
}

/* ===== COLLECTIONS SECTION ===== */
.col-card.suits::before,
.collection-card.suits::before {
    background: linear-gradient(135deg, #01411C, #002611) !important;
}

.col-card.jewelry::before,
.collection-card.jewelry::before {
    background: linear-gradient(135deg, #0F7938, #01411C) !important;
}

.col-card.pouches::before,
.collection-card.pouches::before {
    background: linear-gradient(135deg, #01411C, #0F7938) !important;
}

.col-content .col-icon,
.collection-icon {
    background: rgba(255,215,0,0.2) !important;
    border: 2px solid #FFD700 !important;
    color: #FFD700 !important;
}

.col-explore,
.shop-link {
    color: #FFD700 !important;
    border-bottom-color: #FFD700 !important;
}

/* ===== PRODUCT CARDS ===== */
.product-card,
.product-modern-card,
.feat-card {
    border: 2px solid transparent !important;
    transition: all 0.3s !important;
}

.product-card:hover,
.product-modern-card:hover,
.feat-card:hover {
    border-color: #01411C !important;
    box-shadow: 0 10px 30px rgba(1,65,28,0.15) !important;
}

.product-price,
.product-modern-price,
.feat-card-price,
.price,
.current-price,
.product-price .price {
    color: #01411C !important;
    font-weight: 700 !important;
}

.product-name,
.product-modern-body h4,
.feat-card-body h4 {
    color: #01411C !important;
}

.discount-badge,
.sale-badge,
.pak-sale-badge {
    background: #01411C !important;
    color: white !important;
    border: 2px solid #FFD700 !important;
}

.new-badge,
.product-badge-new {
    background: #FFD700 !important;
    color: #01411C !important;
    font-weight: 700 !important;
}

/* View All Button */
.view-all-btn {
    background: #01411C !important;
    color: white !important;
}

.view-all-btn:hover {
    background: #0F7938 !important;
}

/* ===== BRAND STORY / SPLIT SECTION ===== */
.story-split-text h2 {
    color: #01411C !important;
}

.story-split-text .lead {
    color: #01411C !important;
}

.story-visual-main {
    background: linear-gradient(135deg, #01411C, #0F7938) !important;
}

.story-visual-accent {
    background: linear-gradient(135deg, #FFD700, #DAA520) !important;
    color: #01411C !important;
}

.story-feature i {
    color: #01411C !important;
    background: rgba(1,65,28,0.1) !important;
}

/* ===== WHY CHOOSE US ===== */
.why-modern,
section.why-modern {
    background: #01411C !important;
}

.why-modern .section-title,
.why-modern h2 {
    color: white !important;
}

.why-modern .icon-wrap,
.why-item-modern .icon-wrap {
    background: linear-gradient(135deg, #FFD700, #DAA520) !important;
    color: #01411C !important;
}

.why-item-modern h4 {
    color: white !important;
}

/* ===== TESTIMONIALS ===== */
.testimonial-card {
    background: #f8f5f0 !important;
    border-top: 3px solid #01411C !important;
}

.testimonial-card .quote-icon {
    color: #01411C !important;
}

.author-avatar {
    background: linear-gradient(135deg, #01411C, #0F7938) !important;
    color: white !important;
}

.author-info h5 {
    color: #01411C !important;
}

.testimonial-stars {
    color: #FFD700 !important;
}

/* ===== FEATURES BAR ===== */
.features-bar,
.features-bar-grid,
section.features-bar {
    background: linear-gradient(135deg, #01411C, #0F7938) !important;
}

.feature-bar-item i {
    color: #FFD700 !important;
}

/* ===== NEWSLETTER ===== */
.newsletter-modern,
.newsletter {
    background: #002611 !important;
}

.newsletter-modern h2,
.newsletter h2 {
    color: #FFD700 !important;
}

#newsletterForm input {
    background: rgba(255,255,255,0.1) !important;
    border: 2px solid rgba(255,215,0,0.3) !important;
    color: white !important;
}

#newsletterForm input::placeholder {
    color: rgba(255,255,255,0.6) !important;
}

#newsletterForm button {
    background: linear-gradient(135deg, #FFD700, #DAA520) !important;
    color: #01411C !important;
    font-weight: 700 !important;
}

#newsletterForm button:hover {
    background: linear-gradient(135deg, #DAA520, #FFD700) !important;
}

/* ===== FOOTER ===== */
.footer {
    background: #002611 !important;
    color: white !important;
    border-top: 4px solid #01411C !important;
}

.footer h3,
.footer h4 {
    color: #FFD700 !important;
}

.footer .footer-logo h2 {
    color: white !important;
}

.footer .footer-logo h2 span {
    color: #FFD700 !important;
}

.footer p,
.footer ul li,
.footer ul li a,
.footer .contact-info li {
    color: rgba(255,255,255,0.85) !important;
}

.footer ul li a:hover {
    color: #FFD700 !important;
}

.footer-social a {
    background: rgba(255,215,0,0.15) !important;
    color: #FFD700 !important;
    border: 2px solid rgba(255,215,0,0.3) !important;
}

.footer-social a:hover {
    background: #FFD700 !important;
    color: #01411C !important;
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    color: rgba(255,255,255,0.7) !important;
}

.footer-bottom a {
    color: #FFD700 !important;
}

/* ===== WHATSAPP FLOAT ===== */
.whatsapp-float {
    background: #01411C !important;
    color: white !important;
    box-shadow: 0 6px 20px rgba(1,65,28,0.4) !important;
    animation: pakGreenPulse 2s infinite !important;
}

@keyframes pakGreenPulse {
    0% { box-shadow: 0 6px 20px rgba(1,65,28,0.4), 0 0 0 0 rgba(1,65,28,0.5); }
    70% { box-shadow: 0 6px 20px rgba(1,65,28,0.4), 0 0 0 15px rgba(1,65,28,0); }
    100% { box-shadow: 0 6px 20px rgba(1,65,28,0.4), 0 0 0 0 rgba(1,65,28,0); }
}

.whatsapp-float:hover {
    background: #0F7938 !important;
}

/* ===== BACK TO TOP ===== */
.back-to-top {
    background: #01411C !important;
    color: white !important;
}

.back-to-top:hover {
    background: #0F7938 !important;
}

/* ===== ADMIN PANEL (if visible) ===== */
.admin-btn,
.admin-link {
    background: #01411C !important;
    color: white !important;
}

/* ===== CART PAGE ===== */
.ci-price,
.cart-item-price {
    color: #01411C !important;
}

.ci-qty {
    border-color: #01411C !important;
}

.ci-qty button:hover {
    background: rgba(1,65,28,0.1) !important;
    color: #01411C !important;
}

.cart-summary h2,
.cart-summary h3 {
    color: #01411C !important;
}

.cart-total-amount,
#cartTotal,
#summaryTotal,
.summary-total .amount {
    color: #01411C !important;
}

.cart-actions .btn-primary,
.checkout-btn {
    background: #01411C !important;
}

/* ===== PRODUCTS PAGE ===== */
.filter-section h3,
.filters-bar h3 {
    color: #01411C !important;
}

.filter-option label:hover {
    color: #01411C !important;
}

/* Sort dropdown */
.sort-dropdown,
#sortSelect {
    border-color: #01411C !important;
    color: #01411C !important;
}

/* Pagination */
.pagination a,
.pagination button {
    color: #01411C !important;
    border-color: #01411C !important;
}

.pagination .active,
.pagination a.active {
    background: #01411C !important;
    color: white !important;
}

/* ===== PRODUCT DETAIL PAGE ===== */
.product-title,
.product-info-detail h1 {
    color: #01411C !important;
}

.product-info-detail .current-price,
.price-main {
    color: #01411C !important;
}

.size-btn.active,
.color-btn.active,
.variant-btn.active {
    background: #01411C !important;
    color: white !important;
    border-color: #01411C !important;
}

.size-btn:hover,
.color-btn:hover {
    border-color: #01411C !important;
    color: #01411C !important;
}

.btn-add-cart,
.add-to-cart-btn {
    background: white !important;
    color: #01411C !important;
    border: 2px solid #01411C !important;
}

.btn-add-cart:hover {
    background: #01411C !important;
    color: white !important;
}

.btn-buy-now,
.buy-now-btn {
    background: #01411C !important;
    color: white !important;
}

.btn-buy-now:hover {
    background: #0F7938 !important;
}

/* Tabs */
.tab-btn.active {
    color: #01411C !important;
    border-bottom-color: #01411C !important;
}

/* ===== ABOUT PAGE ===== */
.about-hero,
.about-banner {
    background: linear-gradient(135deg, #01411C 0%, #0F7938 100%) !important;
    color: white !important;
}

.about-hero h1,
.about-banner h1 {
    color: white !important;
}

.about-hero p,
.about-banner p {
    color: rgba(255,255,255,0.95) !important;
}

.mission-card i,
.vision-card i,
.value-card i {
    color: #01411C !important;
}

.feature-item i {
    color: #01411C !important;
}

.about-cta,
.cta-section {
    background: linear-gradient(135deg, #01411C, #0F7938) !important;
}

.about-cta .btn,
.cta-section .btn {
    background: #FFD700 !important;
    color: #01411C !important;
}

/* ===== CONTACT PAGE ===== */
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
    border-color: #01411C !important;
}

.submit-btn,
.contact-submit {
    background: #01411C !important;
}

/* ===== ANY REMAINING GOLDEN/YELLOW ELEMENTS ===== */
.text-gold,
.text-golden {
    color: #FFD700 !important;
}

.bg-gold,
.bg-golden {
    background: #FFD700 !important;
    color: #01411C !important;
}

/* ===== LINKS ===== */
a {
    color: #01411C;
}

a:hover {
    color: #0F7938;
}

/* Override any remaining brand colors */
[style*="color: #c9a227"],
[style*="color:#c9a227"] {
    color: #FFD700 !important;
}

[style*="background: #c9a227"],
[style*="background:#c9a227"],
[style*="background-color: #c9a227"] {
    background: #01411C !important;
}

[style*="color: #d4af37"],
[style*="color:#d4af37"] {
    color: #FFD700 !important;
}

[style*="background: #d4af37"],
[style*="background:#d4af37"] {
    background: linear-gradient(135deg, #FFD700, #DAA520) !important;
}

/* Brand color variations */
.text-primary,
.text-brand {
    color: #01411C !important;
}

.bg-primary,
.bg-brand {
    background: #01411C !important;
    color: white !important;
}

/* ===== FORM INPUTS ===== */
input:focus,
textarea:focus,
select:focus {
    border-color: #01411C !important;
    outline: none !important;
}

/* Checkbox and radio */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: #01411C !important;
}

/* ===== NOTIFICATIONS ===== */
.notification.success {
    background: #01411C !important;
    color: white !important;
}

.notification.info {
    background: #0F7938 !important;
    color: white !important;
}

/* ===== LOADING SPINNERS ===== */
.fa-spinner,
.loader,
.spinner {
    color: #01411C !important;
}

/* ===== BREADCRUMBS ===== */
.breadcrumb a,
.breadcrumb-nav a {
    color: #01411C !important;
}

.breadcrumb a:hover {
    color: #0F7938 !important;
}

/* ===== INDEPENDENCE DAY SPECIAL: HERO STORY SECTION ===== */
.story-split {
    background: linear-gradient(135deg, #f8f5f0 0%, white 100%) !important;
}