/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.4
Template: dt-the7
*/

/* --- DARK MODE STYLES FOR SPLINTER & BONE --- */

/* Base Colors and Layout */
body, #page, .content-area, .main-container {
    background-color: #1a1a1a !important;
    color: #eeeeee !important;
}

/* Background overrides for The7 sections */
#main, #content, .vc_row, .vc_column-inner {
    background-color: transparent !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6, strong, b {
    color: #ffffff !important;
}

p, li, span, div, em {
    color: #cccccc !important;
}

/* Links */
a {
    color: #d4a373 !important; /* Muted gold/wood tone */
    transition: color 0.3s ease;
}

a:hover {
    color: #faedcd !important;
}

/* Homepage Hero Section */
.home h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #ffffff !important;
}

.home .wp-block-group {
    padding: 60px 20px;
}

/* Buttons */
.wp-block-button__link {
    background-color: #d4a373 !important;
    color: #1a1a1a !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    transition: all 0.3s ease-in-out !important;
}

.wp-block-button__link:hover {
    background-color: #faedcd !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    border: 2px solid #d4a373 !important;
    color: #d4a373 !important;
}

/* Testimonials */
.home blockquote, .home p em {
    border-left: 4px solid #d4a373 !important;
    padding-left: 20px;
    font-style: italic;
    color: #bbbbbb !important;
    background: #252525 !important;
    padding: 15px;
}

/* Shop and Product Pages */
.woocommerce-shop-header, .page-title, .product-title {
    color: #ffffff !important;
}

.woocommerce-loop-product__title {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    color: #d4a373 !important;
}

.price, .amount {
    color: #ffffff !important;
    font-weight: bold;
}

.woocommerce-product-details__short-description p {
    color: #cccccc !important;
}

/* Header and Navigation (Forcing Dark) */
#header, .masthead, .main-nav, .navigation-main, .top-header, .sticky-header {
    background-color: #111111 !important;
}

.menu-item a {
    color: #ffffff !important;
}

.menu-item a:hover {
    color: #d4a373 !important;
}

/* --- LOGO FORCE-SHOW & DEBUG --- */
.branding, .header-logo, .logo-container, .site-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 80px !important;
    min-width: 100px !important;
    z-index: 9999 !important;
}

.branding a, .header-logo a, .logo-container a, .site-logo a {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.branding img, .header-logo img, .logo-container img, .site-logo img, .logo img {
    max-height: 80px !important;
    width: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Footer Widget */
#footer, .sidebar-footer {
    background-color: #0f0f0f !important;
    border-top: 1px solid #333;
}

#footer h2, #footer h3 {
    color: #ffffff !important;
}

/* Footer Sidebar (2) from previous setup */
.sidebar-footer .widget {
    color: #aaaaaa !important;
}

/* FAQ / List items */
.home ul li {
    color: #cccccc !important;
}

/* Fix white background on scroll */
#header.header-show.header-floating,
#header.header-show.header-floating .masthead,
#header.header-show.header-floating .header-bar,
#header.header-show.header-floating .top-bar,
.masthead.fixed-masthead,
.masthead.fixed-masthead .header-bar,
.masthead.fixed-masthead .top-bar,
.masthead.masthead-mobile-header.sticky-mobile-on,
.header-floating,
.sticky-on,
.masthead-mobile-header {
    background-color: #111111 !important;
}


/* --- SHOP GRID FIX --- */
.woocommerce ul.products, 
.woocommerce-page ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    width: 30% !important; /* Force 3 columns approx */
    float: none !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        width: 45% !important; /* 2 columns on mobile */
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        width: 100% !important; /* 1 column on small mobile */
    }
}


/* --- FORCED TOP BAR CLEANUP --- */
/* Hide the wrong phone, clock and social twitter via CSS since theme defaults are persistent */
.top-bar .mini-contacts.phone,
.top-bar .mini-contacts.clock,
.top-bar .soc-ico a.twitter {
    display: none !important;
}