/*
 Theme Name:   Astra Child - Tornado
 Theme URI:    https://tornadoautocare.com
 Description:  Astra Child Theme for Tornado Auto Care
 Author:       Tornado
 Author URI:   https://tornadoautocare.com
 Template:     astra
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child-tornado
*/

/* ========================================
   GLOBAL DARK BACKGROUND - ALL PAGES
   ======================================== */

html,
body,
#page,
.site,
.site-content,
.ast-container,
#primary,
#secondary,
.site-main,
article,
.entry-content,
.ast-separate-container,
.ast-plain-container,
.ast-page-builder-template,
.elementor-page,
.ast-single-post,
.ast-archive-page {
    background-color: #171717 !important;
}

/* Astra Boxed Layout Fix */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-comment-list li.depth-1,
.ast-separate-container .comment-respond,
.ast-separate-container .ast-related-posts-wrap,
.ast-separate-container #primary {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ========================================
   SINGLE & ARCHIVE PAGES - FULL WIDTH
   ======================================== */

body.single .site-content,
body.archive .site-content,
body.category .site-content {
    padding: 0 !important;
    margin: 0 !important;
}

body.single .ast-container,
body.archive .ast-container,
body.category .ast-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

body.single #primary,
body.archive #primary,
body.category #primary {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

body.single .site-main,
body.archive .site-main,
body.category .site-main,
body.single article.post,
body.archive article.post,
body.category article.post,
body.single .entry-content,
body.archive .entry-content,
body.category .entry-content {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    max-width: 100% !important;
}

/* Hide Astra default headers */
body.single .ast-archive-description,
body.archive .ast-archive-description,
body.category .ast-archive-description,
body.single .entry-header,
body.archive .entry-header,
body.category .entry-header,
body.single .ast-single-post-order {
    display: none !important;
}

/* Hide sidebar */
body.single #secondary,
body.archive #secondary,
body.category #secondary {
    display: none !important;
}

/* ========================================
   ELEMENTOR FIXES
   ======================================== */

.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-container {
    background-color: transparent;
}

/* Fix for warranty section responsive */
.elementor-section.warranty-section,
.elementor-section[data-id] {
    overflow-x: hidden !important;
}

/* Elementor columns responsive fix */
@media (max-width: 767px) {
    .elementor-section .elementor-container {
        flex-wrap: wrap !important;
    }
    
    .elementor-section .elementor-column {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .elementor-section .elementor-column-wrap,
    .elementor-section .elementor-widget-wrap {
        padding: 0 15px !important;
    }
    
    /* Fix text overflow */
    .elementor-heading-title,
    .elementor-widget-text-editor p,
    .elementor-widget-text-editor {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    /* Fix icon boxes */
    .elementor-widget-icon-box {
        text-align: center !important;
    }
    
    .elementor-widget-icon-box .elementor-icon-box-wrapper {
        flex-direction: column !important;
    }
}

/* ========================================
   WARRANTY SECTION SPECIFIC FIXES
   ======================================== */

/* Warranty section - 2 columns layout fix */
@media (max-width: 1024px) {
    .elementor-section[data-settings*="warranty"],
    .elementor-section[data-settings*="ضمان"] {
        padding: 40px 15px !important;
    }
    
    .elementor-section[data-settings*="warranty"] .elementor-container,
    .elementor-section[data-settings*="ضمان"] .elementor-container {
        flex-direction: column !important;
    }
    
    .elementor-section[data-settings*="warranty"] .elementor-column,
    .elementor-section[data-settings*="ضمان"] .elementor-column {
        width: 100% !important;
        margin-bottom: 30px !important;
    }
}

/* Fix all 2-column sections on mobile */
@media (max-width: 767px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100% !important;
        padding: 0 15px !important;
    }
    
    .elementor-col-50,
    .elementor-col-33,
    .elementor-col-25 {
        width: 100% !important;
    }
    
    /* Icon box grid fix */
    .elementor-widget-icon-box .elementor-icon-box-icon {
        margin-bottom: 10px !important;
    }
    
    /* Buttons full width on mobile */
    .elementor-widget-button .elementor-button {
        width: 100% !important;
        text-align: center !important;
    }
    
    /* Fix heading sizes on mobile */
    .elementor-heading-title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    h1.elementor-heading-title {
        font-size: 28px !important;
    }
    
    h2.elementor-heading-title {
        font-size: 24px !important;
    }
    
    h3.elementor-heading-title {
        font-size: 20px !important;
    }
}

/* ===== Fix English letter spacing ===== */

/* أي نص إنجليزي داخل المقالات والعناوين */
.tornado-card-title,
.tornado-card-title a,
.entry-title,
.entry-content,
article p,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    letter-spacing: normal !important;
}

/* تحسين عرض الإنجليزي */
:lang(en) {
    letter-spacing: -0.3px;
}

/* لو العنوان فيه إنجليزي فقط */
.tornado-card-title a:lang(en) {
    letter-spacing: -0.4px;
}