/**
 * Dark Mode - Specific Page Overrides
 * Sửa các section cứng, template đặc thù
 */

/* ========================================
   HOME PAGE (7.1)
   ======================================== */
[data-theme="dark"] .testimonials-section,
[data-theme="dark"] .why-choose-section,
[data-theme="dark"] .case-studies-bento-section,
[data-theme="dark"] .ads-conversion-section {
    background-color: var(--bg) !important;
}

[data-theme="dark"] .feedback-card,
[data-theme="dark"] .why-card {
    background-color: var(--surface) !important;
    border-color: var(--border) !important;
}

[data-theme="dark"] .testimonial-name {
    color: var(--heading) !important;
}

[data-theme="dark"] .testimonial-role {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .card-float-badge {
    background-color: var(--surface) !important;
    color: var(--heading) !important;
    border: 1px solid var(--border) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .case-studies-bento-section .btn-outline-large {
    background-color: var(--surface-2) !important;
    color: var(--heading) !important;
    border-color: var(--border) !important;
}

[data-theme="dark"] .case-studies-bento-section .btn-outline-large:hover {
    background-color: var(--surface) !important;
    border-color: var(--link) !important;
}

/* ========================================
   7.3 PRODUCT PHOTOGRAPHY TEMPLATE
   ======================================== */
[data-theme="dark"] .pp-page,
[data-theme="dark"] .pp-page body,
[data-theme="dark"] .pp-page .main-wrapper,
[data-theme="dark"] .pp-page .why-matters,
[data-theme="dark"] .pp-page .comparison-sec,
[data-theme="dark"] .pp-page .market-context,
[data-theme="dark"] .pp-page .offers-sec,
[data-theme="dark"] .pp-page .process-sec,
[data-theme="dark"] .pp-page .booking-sec,
[data-theme="dark"] .pp-page .faq-sec {
    background-color: var(--bg) !important;
    color: var(--text) !important;
}

[data-theme="dark"] .pp-page .why-card,
[data-theme="dark"] .pp-page .offer-card,
[data-theme="dark"] .pp-page .step-card,
[data-theme="dark"] .pp-page .faq-item {
    background-color: var(--surface) !important;
    border: 1px solid var(--border) !important;
}

[data-theme="dark"] .pp-page .section-title-large,
[data-theme="dark"] .pp-page h1,
[data-theme="dark"] .pp-page h2,
[data-theme="dark"] .pp-page h3,
[data-theme="dark"] .pp-page h5,
[data-theme="dark"] .pp-page .faq-question {
    color: var(--heading) !important;
}

[data-theme="dark"] .pp-page .comp-tag {
    background: var(--surface-2) !important;
    color: var(--heading) !important;
    border: 1px solid var(--border) !important;
}

/* Ensure left content area is transparent */
[data-theme="dark"] .pp-page .booking-left {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
}

/* Maintain right form as a clean card */
[data-theme="dark"] .pp-page .booking-right {
    background-color: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: 32px !important;
    padding: 60px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .pp-page .form-group label {
    color: var(--heading) !important;
}

[data-theme="dark"] .pp-page .booking-left p,
[data-theme="dark"] .pp-page .info-col p {
    color: var(--text) !important;
}

[data-theme="dark"] .pp-page .form-group input,
[data-theme="dark"] .pp-page .form-group textarea,
[data-theme="dark"] .pp-page .form-group select {
    background-color: var(--surface-2) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

[data-theme="dark"] .pp-page .form-group input::placeholder,
[data-theme="dark"] .pp-page .form-group textarea::placeholder {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .pp-page .contact-divider {
    background-color: var(--border) !important;
}

[data-theme="dark"] .pp-page .btn-submit {
    background-color: var(--cta-bg) !important;
    color: var(--cta-text) !important;
}

[data-theme="dark"] .pp-page #pp-consent {
    accent-color: var(--accent-blue, #3B82F6);
}

[data-theme="dark"] .pp-page .list-item.con i {
    background: var(--surface-2) !important;
    color: var(--text-muted) !important;
}

/* ========================================
   AI SERVICES TEMPLATE (7.4)
   ======================================== */
[data-theme="dark"] .ai-services-page .ai-hero,
[data-theme="dark"] .ai-services-page .workflow-section,
[data-theme="dark"] .ai-services-page .benefits-section,
[data-theme="dark"] .ai-services-page .packages-section,
[data-theme="dark"] .ai-services-page .testimonials-ai {
    background-color: var(--bg) !important;
}

[data-theme="dark"] .ai-services-page .workflow-item,
[data-theme="dark"] .ai-services-page .benefit-card-floating,
[data-theme="dark"] .ai-services-page .package-card {
    background-color: var(--surface) !important;
    border-color: var(--border) !important;
}

[data-theme="dark"] .ai-services-page .step-icon {
    background: var(--surface-2) !important;
    border-color: var(--border) !important;
}

/* ========================================
   PORTFOLIO ITEM PAGE (7.5) - FIX MẤT THÔNG TIN
   ======================================== */
[data-theme="dark"] .portfolio-single-main,
[data-theme="dark"] .ps-hero-container,
[data-theme="dark"] .ps-top,
[data-theme="dark"] .ps-bento,
[data-theme="dark"] .ps-process,
[data-theme="dark"] .ps-showcase,
[data-theme="dark"] .ps-sections,
[data-theme="dark"] .ps-navigation {
    background-color: var(--bg) !important;
    color: var(--text) !important;
}

[data-theme="dark"] .ps-hero-frame {
    background-color: var(--surface) !important;
    border: 1px solid var(--border) !important;
}

[data-theme="dark"] .ps-hero-inner {
    position: relative;
    z-index: 10 !important;
}

[data-theme="dark"] .ps-hero-meta-block {
    border-top-color: var(--border) !important;
}

[data-theme="dark"] .ps-meta-value,
[data-theme="dark"] .ps-hero-desc {
    color: var(--text) !important;
}

[data-theme="dark"] .ps-hero-title,
[data-theme="dark"] .ps-title,
[data-theme="dark"] .ps-process-card h3,
[data-theme="dark"] .ps-nav-name {
    color: var(--heading) !important;
}

[data-theme="dark"] .ps-subtitle,
[data-theme="dark"] .ps-lead,
[data-theme="dark"] .ps-process-card p,
[data-theme="dark"] .ps-nav-label {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .ps-process-card,
[data-theme="dark"] .ps-showcase-main,
[data-theme="dark"] .ps-showcase-card {
    background-color: var(--surface) !important;
    border: 1px solid var(--border) !important;
}

[data-theme="dark"] .ps-chip {
    background-color: var(--surface-2) !important;
    border: 1px solid var(--border) !important;
    color: var(--text) !important;
}

/* Portfolio Buttons */
[data-theme="dark"] .ps-hero-btn,
[data-theme="dark"] .ps-cta-btn {
    background-color: var(--cta-bg) !important;
    color: var(--cta-text) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .ps-hero-btn:hover,
[data-theme="dark"] .ps-cta-btn:hover {
    background-color: var(--link) !important;
    transform: translateY(-2px);
}

/* ========================================
   STUDIO PAGE (7.6)
   ======================================== */
[data-theme="dark"] .gp-studio .studio-hero-content-box,
[data-theme="dark"] .gp-studio .studio-about-split,
[data-theme="dark"] .gp-studio .room-feature-section,
[data-theme="dark"] .gp-studio .upgrade-visuals-section {
    background-color: var(--bg) !important;
}

[data-theme="dark"] .gp-studio .studio-hero-content-box h1,
[data-theme="dark"] .gp-studio .about-text-content h2,
[data-theme="dark"] .gp-studio .room-feature-info h2 {
    color: var(--heading) !important;
}

[data-theme="dark"] .gp-studio .studio-hero-content-box p,
[data-theme="dark"] .gp-studio .about-text-content p,
[data-theme="dark"] .gp-studio .room-feature-info p {
    color: var(--text) !important;
}

[data-theme="dark"] .gp-studio .stat-item h3,
[data-theme="dark"] .gp-studio .mini-stat h4 {
    color: var(--heading) !important;
}

/* ========================================
   CONTACT PAGE (7.7)
   ======================================== */
[data-theme="dark"] .contact-hero,
[data-theme="dark"] .contact-form-section,
[data-theme="dark"] .contact-map-section,
[data-theme="dark"] .contact-cta-section {
    background-color: var(--bg) !important;
    color: var(--text) !important;
}

[data-theme="dark"] .hero-text-content h1,
[data-theme="dark"] .form-reassurance h2,
[data-theme="dark"] .contact-cta-section h2,
[data-theme="dark"] .info-item h4 {
    color: var(--heading) !important;
}

/* Ensure left content area is transparent on Contact page */
[data-theme="dark"] .form-reassurance {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

[data-theme="dark"] .contact-form-container {
    background-color: var(--surface) !important;
    padding: 60px !important;
    border-radius: 32px !important;
    border: 1px solid var(--border) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .studio-info-block {
    border-top-color: var(--border) !important;
}

[data-theme="dark"] .carousel-item {
    background: var(--surface-2) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .package-tag {
    background-color: var(--surface-2) !important;
    color: var(--link) !important;
}

/* ========================================
   BLOG / CATEGORY / SEARCH (7.8, 7.9, 7.10)
   ======================================== */
[data-theme="dark"] .blog-header,
[data-theme="dark"] .archive-header,
[data-theme="dark"] .search-header,
[data-theme="dark"] .category-archive__header {
    background-color: var(--bg) !important;
}

[data-theme="dark"] .category-archive__title,
[data-theme="dark"] .category-archive__card-title {
    color: var(--heading) !important;
}

[data-theme="dark"] .category-archive__search-wrap {
    background-color: var(--surface) !important;
    border-bottom: 1px solid var(--border) !important;
}

[data-theme="dark"] .category-archive__empty,
[data-theme="dark"] .category-archive__empty-suggestion {
    color: var(--text) !important;
}

[data-theme="dark"] .category-archive__empty-cat-link {
    background-color: var(--surface-2) !important;
    border: 1px solid var(--border) !important;
    color: var(--text) !important;
}

[data-theme="dark"] .category-archive__empty-cat-link:hover {
    border-color: var(--link) !important;
    color: var(--link) !important;
}

[data-theme="dark"] .search-form input,
[data-theme="dark"] .filter-pills,
[data-theme="dark"] .category-chip {
    background-color: var(--surface-2) !important;
    border-color: var(--border) !important;
}