/*!
Theme Name: Botiga
Theme URI: https://athemes.com/theme/botiga/
Author: aThemes
Author URI: https://athemes.com
Description: Launch your store with Botiga. A beautiful theme that is optimized for both the block editor and Elementor. We proudly introduce Botiga, with a modern and clean design that will effortlessly match your brand. Botiga has been developed from the ground up with clean code for optimal performance. You’ll get a mobile-optimized theme that looks and works great on any device and comes with plenty of customization options as well. Discover the theme that will transform your online business.
Version: 2.3.7
Tested up to: 6.8
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: botiga
Tags: e-commerce, custom-menu, custom-logo, grid-layout, featured-images, right-sidebar, left-sidebar, custom-colors, editor-style, theme-options, threaded-comments, translation-ready, blog, one-column, two-columns, rtl-language-support, custom-background, custom-header, footer-widgets, post-formats, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Botiga is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.section-title {
    color: #FF6B35 !important;
}

.show-more-button {
    color: #FF6B35 !important;
}

.header-item:last-child {
    margin-left: 25px !important;
}




/* Arabic Homepage Styles */
.arabic-homepage {
    font-family: 'Cairo', 'Tahoma', sans-serif;
    line-height: 1.6;
    direction: rtl;
}

/* Hero Gallery - Clean text overlay */
.hero-gallery {
    position: relative;
    height: 80vh;
    overflow: hidden;
}

.gallery-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.gallery-slide {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.gallery-slide.active {
    opacity: 1;
}

.gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Clean hero content */
.hero-content {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    text-align: right;
    color: white;
    z-index: 2;
}

.hero-content h1 {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    text-shadow: 3px 3px 12px rgba(0,0,0,0.9);
    color: white;
    font-weight: 700;
}

.hero-content p {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
    color: white;
    font-weight: 600;
}

/* Orange Theme Buttons */
.cta-button {
    display: inline-block;
    padding: 15px 30px;
    background: linear-gradient(45deg, #FF6B35, #FF8E53);
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.cta-button:hover {
    background: linear-gradient(45deg, #E55A2B, #FF7B42);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.6);
}

/* Featured Categories */
.featured-categories {
    padding: 60px 0;
    background: #1a1a1a;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-title {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
    color: #FF6B35;
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin: 0 auto;
}

.category-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    background: #2d2d2d;
}

.category-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.3);
}

.category-image {
    position: relative;
    height: 300px;
    overflow: hidden;
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.category-card:hover .category-image img {
    transform: scale(1.1);
}

.category-overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(transparent, rgba(255, 107, 53, 0.9));
    color: white;
    padding: 2rem;
    text-align: right;
}

.category-overlay h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: white;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.category-link {
    color: white;
    text-decoration: none;
    border: 2px solid white;
    padding: 8px 20px;
    border-radius: 5px;
    transition: all 0.3s ease;
    background: rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.category-link:hover {
    background: white;
    color: #FF6B35;
}

/* Products Showcase - Updated for mobile */
.products-showcase {
    padding: 60px 0;
    background: #1a1a1a;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 0 auto;
}

.product-card {
    background: #2d2d2d;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    border: 1px solid #404040;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.3);
    border-color: #FF6B35;
}

.product-image {
    position: relative;
    height: 180px;
    overflow: hidden;
    background: #1a1a1a;
    flex-shrink: 0;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.05);
}

.product-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: linear-gradient(45deg, #FF6B35, #FF8E53);
    color: white;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 0.7rem;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    z-index: 2;
}

.product-badge.sale {
    background: linear-gradient(45deg, #E74C3C, #FF6B6B);
}

.product-info {
    padding: 1rem;
    text-align: right;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Truncated Product Title */
.product-info h3 {
    margin-bottom: 0.8rem;
    color: white;
    line-height: 1.3;
}

.product-info h3 a {
    color: white;
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.6em;
    font-size: 0.95rem;
}

.product-info h3 a:hover {
    color: #FF8E53;
}

.product-price {
    font-size: 1.1rem;
    font-weight: bold;
    color: #FF8E53;
    margin-bottom: 1rem;
    margin-top: auto;
}

.product-price del {
    color: #999;
    font-size: 0.9rem;
    margin-left: 6px;
}

.product-price ins {
    text-decoration: none;
    color: #FF6B6B;
}

.add-to-cart {
    display: block;
    width: 100%;
    padding: 10px;
    background: linear-gradient(45deg, #FF6B35, #FF8E53);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    margin-top: auto;
}

.add-to-cart:hover {
    background: linear-gradient(45deg, #E55A2B, #FF7B42);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}

/* Show More Button */
.show-more-container {
    text-align: center;
    margin-top: 40px;
}

.show-more-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 30px;
    background: transparent;
    color: #FF6B35;
    border: 2px solid #FF6B35;
    text-decoration: none;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.show-more-button:hover {
    background: #FF6B35;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}

.show-more-button .arrow {
    transition: transform 0.3s ease;
}

.show-more-button:hover .arrow {
    transform: translateX(-5px);
}

/* Responsive Design - Improved Mobile Layout */
@media (max-width: 1200px) {
    .products-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .hero-content {
        right: 5%;
        left: 5%;
        text-align: center;
    }
    
    .hero-content h1 {
        font-size: 2.2rem;
        text-shadow: 2px 2px 10px rgba(0,0,0,0.9);
    }
    
    .hero-content p {
        font-size: 1.1rem;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
    }
    
    /* Mobile: 2 products per row */
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .product-image {
        height: 150px;
    }
    
    .product-info {
        padding: 0.8rem;
    }
    
    .product-info h3 a {
        font-size: 0.85rem;
        -webkit-line-clamp: 2;
        min-height: 2.4em;
    }
    
    .product-price {
        font-size: 1rem;
    }
    
    .categories-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .section-title {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
    
    .featured-categories,
    .products-showcase {
        padding: 40px 0;
    }
}

@media (max-width: 480px) {
    /* Very small screens: 2 products per row, smaller gaps */
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .product-image {
        height: 130px;
    }
    
    .product-info h3 a {
        font-size: 0.8rem;
        -webkit-line-clamp: 2;
    }
    
    .product-price {
        font-size: 0.9rem;
    }
    
    .add-to-cart {
        font-size: 0.8rem;
        padding: 8px;
    }
    
    .hero-content h1 {
        font-size: 1.8rem;
    }
    
    .hero-content p {
        font-size: 1rem;
    }
}

/* Ensure products have equal height */
.products-grid {
    align-items: stretch;
}

.product-card {
    height: 100%;
}


























/* === ORANGE & BLACK HOMEPAGE STYLES === */
.arabic-homepage {
    font-family: 'Cairo', 'Tahoma', sans-serif;
    line-height: 1.6;
    direction: rtl;
}

.hero-gallery {
    position: relative;
    height: 80vh;
    overflow: hidden;
}

.gallery-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.gallery-slide {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.gallery-slide.active {
    opacity: 1;
}

.gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-content {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    text-align: right;
    color: white;
    z-index: 2;
}

.hero-content h1 {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    text-shadow: 3px 3px 12px rgba(0,0,0,0.9);
    color: white;
    font-weight: 700;
}

.hero-content p {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
    color: white;
    font-weight: 600;
}

.cta-button {
    display: inline-block;
    padding: 15px 30px;
    background: linear-gradient(45deg, #FF6B35, #FF8E53);
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.cta-button:hover {
    background: linear-gradient(45deg, #E55A2B, #FF7B42);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.6);
}

.featured-categories {
    padding: 60px 0;
    background: #1a1a1a;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-title {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
    color: #FF6B35;
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin: 0 auto;
}

.category-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    background: #2d2d2d;
}

.category-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.3);
}

.category-image {
    position: relative;
    height: 300px;
    overflow: hidden;
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.category-card:hover .category-image img {
    transform: scale(1.1);
}

.category-overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(transparent, rgba(255, 107, 53, 0.9));
    color: white;
    padding: 2rem;
    text-align: right;
}

.category-overlay h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: white;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.category-link {
    color: white;
    text-decoration: none;
    border: 2px solid white;
    padding: 8px 20px;
    border-radius: 5px;
    transition: all 0.3s ease;
    background: rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.category-link:hover {
    background: white;
    color: #FF6B35;
}

.products-showcase {
    padding: 60px 0;
    background: #1a1a1a;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 0 auto;
}

.product-card {
    background: #2d2d2d;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    border: 1px solid #404040;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.3);
    border-color: #FF6B35;
}

.product-image {
    position: relative;
    height: 180px;
    overflow: hidden;
    background: #1a1a1a;
    flex-shrink: 0;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.05);
}

.product-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: linear-gradient(45deg, #FF6B35, #FF8E53);
    color: white;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 0.7rem;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    z-index: 2;
}

.product-badge.sale {
    background: linear-gradient(45deg, #E74C3C, #FF6B6B);
}

.product-info {
    padding: 1rem;
    text-align: right;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.product-info h3 {
    margin-bottom: 0.8rem;
    color: white;
    line-height: 1.3;
}

.product-info h3 a {
    color: white;
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.6em;
    font-size: 0.95rem;
}

.product-info h3 a:hover {
    color: #FF8E53;
}

.product-price {
    font-size: 1.1rem;
    font-weight: bold;
    color: #FF8E53;
    margin-bottom: 1rem;
    margin-top: auto;
}

.product-price del {
    color: #999;
    font-size: 0.9rem;
    margin-left: 6px;
}

.product-price ins {
    text-decoration: none;
    color: #FF6B6B;
}

.add-to-cart {
    display: block;
    width: 100%;
    padding: 10px;
    background: linear-gradient(45deg, #FF6B35, #FF8E53);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    margin-top: auto;
}

.add-to-cart:hover {
    background: linear-gradient(45deg, #E55A2B, #FF7B42);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}

.show-more-container {
    text-align: center;
    margin-top: 40px;
}

.show-more-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 30px;
    background: transparent;
    color: #FF6B35;
    border: 2px solid #FF6B35;
    text-decoration: none;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.show-more-button:hover {
    background: #FF6B35;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}

.show-more-button .arrow {
    transition: transform 0.3s ease;
}

.show-more-button:hover .arrow {
    transform: translateX(-5px);
}

@media (max-width: 1200px) {
    .products-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .hero-content {
        right: 5%;
        left: 5%;
        text-align: center;
    }

    .hero-content h1 {
        font-size: 2.2rem;
        text-shadow: 2px 2px 10px rgba(0,0,0,0.9);
    }

    .hero-content p {
        font-size: 1.1rem;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .product-image {
        height: 150px;
    }

    .product-info {
        padding: 0.8rem;
    }

    .product-info h3 a {
        font-size: 0.85rem;
        -webkit-line-clamp: 2;
        min-height: 2.4em;
    }

    .product-price {
        font-size: 1rem;
    }

    .categories-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .section-title {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }

    .featured-categories,
    .products-showcase {
        padding: 40px 0;
    }
}

@media (max-width: 480px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .product-image {
        height: 130px;
    }

    .product-info h3 a {
        font-size: 0.8rem;
        -webkit-line-clamp: 2;
    }

    .product-price {
        font-size: 0.9rem;
    }

    .add-to-cart {
        font-size: 0.8rem;
        padding: 8px;
    }

    .hero-content h1 {
        font-size: 1.8rem;
    }

    .hero-content p {
        font-size: 1rem;
    }
}

.products-grid {
    align-items: stretch;
}

.product-card {
    height: 100%;
}

/* === LEGAL PAGES STYLES === */
.legal-page {
    background: #f8f9fa;
    min-height: 100vh;
    padding: 40px 0;
}

.legal-header {
    text-align: center;
    margin-bottom: 50px;
    padding: 40px 0;
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.legal-header h1 {
    color: #2c5aa0;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.legal-header p {
    color: #666;
    font-size: 1.1rem;
}

.legal-content {
    background: white;
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.legal-content section {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.legal-content section:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.legal-content h2 {
    color: #2c5aa0;
    font-size: 1.8rem;
    margin-bottom: 20px;
    padding-right: 15px;
    border-right: 4px solid #FF6B35;
}

.legal-content p {
    line-height: 1.8;
    color: #555;
    margin-bottom: 15px;
    font-size: 1.1rem;
}

.legal-content ul, .legal-content ol {
    margin-right: 20px;
    margin-bottom: 20px;
}

.legal-content li {
    margin-bottom: 10px;
    line-height: 1.6;
    color: #555;
    font-size: 1.1rem;
}

.legal-content ul ul {
    margin-top: 10px;
    margin-right: 20px;
}

@media (max-width: 768px) {
    .legal-page {
        padding: 20px 0;
    }

    .legal-header {
        padding: 30px 20px;
        margin-bottom: 30px;
    }

    .legal-header h1 {
        font-size: 2rem;
    }

    .legal-content {
        padding: 30px 20px;
    }

    .legal-content h2 {
        font-size: 1.5rem;
    }

    .legal-content p, .legal-content li {
        font-size: 1rem;
    }
}

/* === FOOTER STYLES === */
.site-footer {
    background: #1a1a1a;
    color: white;
    margin-top: 80px;
}

.footer-main {
    padding: 60px 0;
    border-bottom: 1px solid #333;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
}

.footer-section h4 {
    color: #FF6B35;
    margin-bottom: 20px;
    font-size: 1.3rem;
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 10px;
}

.footer-section ul li a {
    color: #ccc;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-section ul li a:hover {
    color: #FF6B35;
}

.store-info p {
    margin-bottom: 8px;
    color: #ccc;
    font-size: 0.9rem;
}

.footer-bottom {
    padding: 30px 0;
}

.footer-bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.social-links a {
    color: #FF6B35;
    text-decoration: none;
    transition: color 0.3s ease;
}

.social-links a:hover {
    color: #FF8E53;
}

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer-bottom-content {
        flex-direction: column;
        text-align: center;
    }

    .footer-main {
        padding: 40px 0;
    }
}


























/* === PRODUCTS PAGE STYLES === */
.arabic-products-page {
    font-family: 'Cairo', 'Tahoma', sans-serif;
    direction: rtl;
    background: #1a1a1a;
    min-height: 100vh;
    padding: 20px 0;
    max-width: 100%;
}

/* Normal Container Width */
.arabic-products-page .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* === CATEGORIES NAVIGATION === */
.categories-nav {
    padding: 20px 0;
    margin-bottom: 30px;
    background: #2d2d2d;
    border-radius: 15px;
    position: sticky;
    top: 10px;
    z-index: 100;
}

.categories-filter {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 0 15px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.categories-filter::-webkit-scrollbar {
    display: none;
}

.category-filter {
    background: #1a1a1a;
    color: white;
    border: 1px solid #404040;
    padding: 12px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.3s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.category-filter:hover {
    border-color: #FF6B35;
    color: #FF6B35;
}

.category-filter.active {
    background: linear-gradient(45deg, #FF6B35, #FF8E53);
    color: white;
    border-color: #FF6B35;
}

.category-filter span {
    font-size: 0.75rem;
    color: #999;
    margin-right: 5px;
}

.category-filter.active span {
    color: white;
}

/* === PRODUCTS GRID - NORMAL WIDTH === */
.products-by-categories {
    padding: 0;
}

.category-section {
    display: none;
}

.category-section.active {
    display: block;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    margin: 0;
}

/* Enhanced Product Card */
.product-card {
    background: #2d2d2d;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    border: 1px solid #404040;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);
    border-color: #FF6B35;
}

.product-image {
    position: relative;
    height: 160px;
    overflow: hidden;
    background: #1a1a1a;
    flex-shrink: 0;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.05);
}

.product-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: linear-gradient(45deg, #FF6B35, #FF8E53);
    color: white;
    padding: 4px 8px;
    border-radius: 10px;
    font-size: 0.65rem;
    font-weight: 600;
    z-index: 2;
}

.product-badge.sale {
    background: linear-gradient(45deg, #E74C3C, #FF6B6B);
}

.product-info {
    padding: 12px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Truncated Product Title */
.product-title {
    margin-bottom: 8px;
    line-height: 1.3;
    flex-grow: 1;
}

.product-title a {
    color: white;
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9rem;
    font-weight: 600;
    min-height: 2.4em;
    max-height: 2.4em;
}

.product-title a:hover {
    color: #FF8E53;
}

.product-price {
    font-size: 0.95rem;
    font-weight: bold;
    color: #FF8E53;
    margin-bottom: 10px;
    margin-top: auto;
}

.product-price del {
    color: #999;
    font-size: 0.8rem;
    margin-left: 5px;
}

.product-price ins {
    text-decoration: none;
    color: #FF6B6B;
}

.add-to-cart {
    display: block;
    width: 100%;
    padding: 10px;
    background: linear-gradient(45deg, #FF6B35, #FF8E53);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 600;
    margin-top: auto;
}

.add-to-cart:hover {
    background: linear-gradient(45deg, #E55A2B, #FF7B42);
    transform: translateY(-1px);
}

.no-products {
    text-align: center;
    color: #999;
    font-size: 1rem;
    padding: 40px 20px;
    grid-column: 1 / -1;
}

/* === RESPONSIVE DESIGN === */

/* Tablets */
@media (max-width: 1024px) {
    .arabic-products-page .container {
        padding: 0 15px;
    }

    .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
        gap: 15px;
    }

    .product-image {
        height: 150px;
    }
}

/* Mobile Phones */
@media (max-width: 768px) {
    .arabic-products-page {
        padding: 15px 0;
    }

    .arabic-products-page .container {
        padding: 0 15px;
    }

    .categories-nav {
        margin-bottom: 20px;
        padding: 15px 0;
        top: 5px;
    }

    .categories-filter {
        gap: 8px;
        padding: 0 15px;
    }

    .category-filter {
        padding: 10px 16px;
        font-size: 0.85rem;
    }

    .products-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }

    .product-image {
        height: 140px;
    }

    .product-info {
        padding: 10px;
    }

    .product-title a {
        font-size: 0.85rem;
    }

    .product-price {
        font-size: 0.9rem;
    }

    .add-to-cart {
        padding: 8px;
        font-size: 0.8rem;
    }
}

/* Small Mobile Phones */
@media (max-width: 480px) {
    .arabic-products-page .container {
        padding: 0 10px;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .product-image {
        height: 130px;
    }

    .product-title a {
        font-size: 0.8rem;
    }

    .product-price {
        font-size: 0.85rem;
    }

    .add-to-cart {
        font-size: 0.75rem;
    }

    .category-filter {
        padding: 8px 14px;
        font-size: 0.8rem;
    }
}

/* Very Small Screens */
@media (max-width: 360px) {
    .arabic-products-page .container {
        padding: 0 8px;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .product-image {
        height: 120px;
    }

    .product-info {
        padding: 8px;
    }

    .product-title a {
        font-size: 0.75rem;
    }
}





























/* === HERO GRADIENT BACKGROUNDS === */
.gallery-slide:nth-child(1) {
    background: linear-gradient(135deg,
        #1a1a1a 0%,
        #2d2d2d 25%,
        #1a1a1a 50%,
        #FF6B35 100%);
    background-size: 400% 400%;
    animation: gradientShift 8s ease infinite;
}

.gallery-slide:nth-child(2) {
    background: linear-gradient(45deg,
        #FF6B35 0%,
        #E55A2B 25%,
        #1a1a1a 50%,
        #2d2d2d 100%);
    background-size: 400% 400%;
    animation: gradientShift 8s ease infinite;
}

/* Remove the image styles and replace with gradient */
.gallery-slide img {
    display: none; /* Hide the placeholder images */
}

.gallery-slide {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

/* Gradient animation */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Ensure hero content is visible */
.hero-content {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    text-align: right;
    color: white;
    z-index: 2;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
}

.hero-content h1 {
    font-size: 3.5rem;
    margin-bottom: 1rem;
}

.hero-content p {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}











/* === ENHANCED HERO GRADIENTS === */
.gallery-slide:nth-child(1) {
    background:
        radial-gradient(circle at 20% 80%, rgba(255, 107, 53, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 107, 53, 0.2) 0%, transparent 50%),
        linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    background-size: 400% 400%;
    animation: gradientShift 12s ease infinite;
}

.gallery-slide:nth-child(2) {
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 107, 53, 0.4) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(229, 90, 43, 0.3) 0%, transparent 50%),
        linear-gradient(45deg, #1a1a1a 0%, #FF6B35 30%, #E55A2B 70%, #1a1a1a 100%);
    background-size: 400% 400%;
    animation: gradientShift 10s ease infinite;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}



















/* === PROFESSIONAL HERO GRADIENT BACKGROUNDS === */
.gallery-slide:nth-child(1) {
    background:
        radial-gradient(circle at 20% 80%, rgba(255, 107, 53, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(44, 90, 160, 0.1) 0%, transparent 50%),
        linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
}

.gallery-slide:nth-child(2) {
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 107, 53, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(44, 90, 160, 0.15) 0%, transparent 50%),
        linear-gradient(45deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
}

/* Remove animations for more professional look */
.gallery-slide {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

/* Hide placeholder images */
.gallery-slide img {
    display: none;
}

/* Professional Hero Content */
.hero-content {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    text-align: right;
    color: white;
    z-index: 2;
}

.hero-content h1 {
    font-size: 3.2rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    color: white;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.8);
    line-height: 1.2;
}

.hero-content p {
    font-size: 1.4rem;
    margin-bottom: 2.5rem;
    color: #f0f0f0;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.7);
    line-height: 1.5;
    max-width: 500px;
}

/* Professional CTA Button */
.cta-button {
    display: inline-block;
    padding: 16px 35px;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
}

.cta-button:hover {
    background: linear-gradient(45deg, #1e3d6f, #2c5aa0);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(44, 90, 160, 0.4);
}
/* === ULTRA-PROFESSIONAL DARK THEME === */
.gallery-slide:nth-child(1) {
    background:
        linear-gradient(135deg, #0f1419 0%, #1a2026 50%, #0f1419 100%),
        radial-gradient(circle at 20% 80%, rgba(44, 90, 160, 0.08) 0%, transparent 50%);
}

.gallery-slide:nth-child(2) {
    background:
        linear-gradient(45deg, #0f1419 0%, #1a2026 50%, #0f1419 100%),
        radial-gradient(circle at 70% 30%, rgba(255, 107, 53, 0.05) 0%, transparent 50%);
}

.cta-button {
    background: linear-gradient(45deg, #2563eb, #3b82f6);
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
}

.cta-button:hover {
    background: linear-gradient(45deg, #1d4ed8, #2563eb);
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
}



/* === ULTRA-PROFESSIONAL ORANGE ACCENTS === */
.gallery-slide:nth-child(1) {
    background:
        linear-gradient(135deg, #0f1419 0%, #1a2026 50%, #0f1419 100%),
        radial-gradient(circle at 20% 80%, rgba(255, 107, 53, 0.03) 0%, transparent 50%);
}

.gallery-slide:nth-child(2) {
    background:
        linear-gradient(45deg, #0f1419 0%, #1a2026 50%, #0f1419 100%),
        radial-gradient(circle at 70% 30%, rgba(255, 107, 53, 0.02) 0%, transparent 50%);
}

.cta-button {
    background: linear-gradient(45deg, #E55A2B, #FF6B35); /* Slightly darker, more professional orange */
    box-shadow: 0 4px 15px rgba(229, 90, 43, 0.25);
}

.cta-button:hover {
    background: linear-gradient(45deg, #CC4A24, #E55A2B);
    box-shadow: 0 6px 20px rgba(229, 90, 43, 0.35);
}












@media (max-width: 768px) {
    .hero-content {
        right: 5%;
        left: 5%;
        text-align: center;
    }

    .hero-content h1 {
        font-size: 2.2rem;
    }

    .hero-content p {
        font-size: 1.1rem;
    }
}





.wc-block-cart-item__wrap {
	text-align: right;
}


.input-text.qty.text {
	color: white;
}

.woocommerce-error {
	background-color: var(--bt-color-content-cards-bg, #f5f5f5);
}

form.wpwl-form.wpwl-form-card.wpwl-clearfix {
    color: black;
}

.wpwl-label {
	color: white !important;
}

.arabic-homepage {
    width: 100%;
}




/* PC Menu - Show More with Animation */
@media (min-width: 769px) {
    #primary-menu .nav-menu {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 8px;
        list-style: none;
        margin: 0;
        padding: 0;
        max-height: 40px;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    #primary-menu .nav-menu.expanded {
        max-height: 500px;
    }

    #primary-menu .nav-menu li a {
        display: block;
        padding: 10px 8px;
        background: #f8f8f8;
        border: 1px solid #ddd;
        border-radius: 4px;
        text-decoration: none;
        color: #333;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .show-more-wrap {
        text-align: center;
        margin-top: 10px;
    }

    .show-more-btn {
        padding: 8px 15px;
        background: #6c757d;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 12px;
        transition: background 0.3s ease;
    }

    .show-more-btn:hover {
        background: #545b62;
    }
}


main {
    margin-top: 50px; /* Adjust this value to match the margin-top above */
}

.wc-block-components-express-payment-continue-rule.wc-block-components-express-payment-continue-rule--cart {
	display: none;
}

.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
	margin-top: 0px;
	padding-bottom: 40px;
	height: 150%;
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper {
	padding-top: 13px;
	height: 200%;
	text-align: right;
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper * {
	text-align: right;
}


@media (max-width: 991px) {
	.checkout-wrapper {
		margin-right: 0px !important;
	}
}