/*
Theme Name: Baniya Oasis Electronics
Theme URI: https://baniyasoasiselectronics.com
Author: Baniya Oasis
Author URI: https://baniyasoasiselectronics.com
Description: A premium, RTL-ready WooCommerce theme for Baniya Oasis Electronics — a Dubai, UAE electronics & mobile accessories retailer. Built for Elementor, WPML, and the modern WooCommerce stack.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baniyaoasis
Tags: e-commerce, woocommerce, rtl-language-support, custom-colors, custom-menu, featured-images, full-width-template, translation-ready
WC requires at least: 7.0
WC tested up to: 9.5
*/

/* -------------------------------------------------------------------------
 * Baniya Oasis — Design Tokens
 * Most styling lives in /assets/css/*.css. This file holds the WordPress
 * theme header (required) plus the root design tokens shared everywhere.
 * ---------------------------------------------------------------------- */

:root {
    /* Brand palette — premium electronics: black / dark blue / gold */
    --bo-black:          #0a0a0a;   /* premium black */
    --bo-black-soft:     #131313;
    --bo-primary:        #071c33;   /* deep dark blue — header, panels */
    --bo-primary-dark:   #04121f;
    --bo-primary-light:  #0e2c4d;
    --bo-accent:         #8ea4c3;   /* gold accent */
    --bo-accent-dark:    #a67a12;
    --bo-accent-light:   #e0b23f;
    --bo-sale:           #e63946;   /* sale badge */
    --bo-sale-dark:      #c42c38;
    --bo-success:        #2a9d8f;

    /* Neutrals */
    --bo-body:           #ffffff;
    --bo-surface:        #f6f7f9;
    --bo-surface-2:      #eef0f3;
    --bo-border:         #e4e6ea;
    --bo-text:           #14161a;
    --bo-text-muted:     #666b74;
    --bo-text-invert:    #ffffff;

    /* Typography */
    --bo-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* Shape & depth */
    --bo-radius-sm: 8px;
    --bo-radius:    16px;
    --bo-radius-lg: 24px;
    --bo-shadow-sm: 0 2px 8px rgba(7, 12, 20, .10);
    --bo-shadow:    0 8px 28px rgba(7, 12, 20, .14);
    --bo-shadow-lg: 0 24px 60px rgba(7, 12, 20, .22);
    --bo-shadow-gold: 0 10px 26px rgba(201, 151, 26, .35);

    /* Glass effect */
    --bo-glass-bg:     rgba(10, 10, 10, .38);
    --bo-glass-border: rgba(255, 255, 255, .14);
    --bo-glass-blur:   14px;

    /* Layout — 8px baseline spacing system */
    --bo-container: 1320px;
    --bo-gap:       24px;
    --bo-header-h:  104px;
    --bo-sp-1: 8px;  --bo-sp-2: 16px; --bo-sp-3: 24px; --bo-sp-4: 32px;
    --bo-sp-5: 40px; --bo-sp-6: 48px; --bo-sp-7: 64px; --bo-sp-8: 80px;

    /* Motion */
    --bo-ease:      cubic-bezier(.22, .61, .36, 1);
    --bo-ease-soft: cubic-bezier(.16, 1, .3, 1);
    --bo-dur:  .28s;
    --bo-dur-slow: .6s;
}




/* Full Width Shop */

.woocommerce-page .sidebar,
.widget-area,
#secondary,
aside.sidebar,
.sidebar{
    display:none !important;
}

.woocommerce-page #primary,
.woocommerce-page main,
.woocommerce-page .content-area{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100%;
}

.bo-shop-full{
    max-width:1400px;
    margin:auto;
    padding:40px 20px;
}
/* ===========================
FULL WIDTH SHOP
=========================== */

.bo-shop-page{
    width:100%;
    max-width:1600px;
    margin:auto;
    padding:40px;
}

.bo-shop-header{
    margin-bottom:30px;
}

.bo-shop-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:30px 0;
}

/* Product Grid */

ul.products{
    display:grid !important;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin:0 !important;
    padding:0 !important;
}

ul.products li.product{
    width:100% !important;
    float:none !important;
}

/* Remove sidebar */

#secondary,
.sidebar,
.widget-area,
aside{
    display:none !important;
}

.content-area,
.site-main,
#primary{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    float:none !important;
}

/* Tablet */

@media(max-width:991px){

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

}

/* Mobile */

@media(max-width:600px){

.bo-shop-page{
padding:20px;
}

ul.products{
grid-template-columns:1fr;
}

}
/* SHOP FULL WIDTH */

body.woocommerce .site-content,
body.woocommerce-page .site-content,
body.post-type-archive-product .site-content{
    width:100%;
    max-width:100%;
}

.bo-shop-page{
    max-width:1600px;
    margin:auto;
    padding:40px;
}

ul.products{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:30px;
    width:100%;
    margin:0 !important;
    padding:0 !important;
}

ul.products li.product{
    float:none !important;
    width:100% !important;
    margin:0 !important;
    display:flex;
    flex-direction:column;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

ul.products li.product img{
    width:100%;
    height:300px;
    object-fit:contain;
    padding:20px;
}

@media(max-width:1200px){
ul.products{
grid-template-columns:repeat(3,1fr);
}
}

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

@media(max-width:600px){
ul.products{
grid-template-columns:1fr;
}
}
/* =====================================================
   HOME PAGE BACKGROUND
===================================================== */

body.home{
    background:
        radial-gradient(circle at top right,#1d3658 0%,transparent 35%),
        radial-gradient(circle at bottom left,#3b2f16 0%,transparent 35%),
        linear-gradient(135deg,#06080c,#0b1320,#111827);
    background-attachment:fixed;
    min-height:100vh;
}
/*======================================
Brands
======================================*/

/*=========================
Brands Section
=========================*/

.bo-brands{
    padding:80px 0;
    background:#fff;
}

.bo-brands-grid{
    display:flex;
    justify-content:center;
    align-items:stretch;
    gap:30px;
    flex-wrap:nowrap;
}

.bo-brand-card{
    width:220px;
    height:180px;

    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:18px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-decoration:none;

    transition:.3s;

    overflow:hidden;
}

.bo-brand-card:hover{
    border-color:#8ea4c3;
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.bo-brand-logo{
    width:100%;
    height:90px;

    display:flex;
    justify-content:center;
    align-items:center;

    margin-bottom:15px;
}

.bo-brand-logo img{
    max-width:140px !important;
    max-height:70px !important;

    width:auto !important;
    height:auto !important;

    object-fit:contain;

    display:block;
}

.bo-brand-name{
    font-size:18px;
    font-weight:600;
    color:#192b3f;
}

@media(max-width:991px){

    .bo-brands-grid{

        overflow-x:auto;
        justify-content:flex-start;

    }

    .bo-brand-card{

        flex:0 0 220px;

    }

}
.bo-card__icon-btn{
    position:relative;
}

.bo-card__icon-btn::before{
    content:"♡";
    font-size:26px;
    line-height:1;
    transform:translateY(-1px);
}

.bo-card__icon-btn{
    font-size:0;   /* Hide the original character */
}
html,
body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
video,
iframe {
    max-width: 100%;
    height: auto;
}

/*  Add new css */
/* Hide Custom Breadcrumb */

.bo-breadcrumbs-wrap,
.bo-breadcrumbs,
.bo-breadcrumbs nav{
    display:none !important;
}

.page-header{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}
.yith-wcwl-add-to-wishlist{
display:none!important;
}
.tinv-wraper{
display:none!important;
}

/* =====================================================
   WooCommerce Shop Grid
===================================================== */

/* Hide Sidebar */

.woocommerce-page .sidebar,
.widget-area,
#secondary,
aside.sidebar,
.sidebar{
    display:none !important;
}

.woocommerce-page #primary,
.woocommerce-page main,
.woocommerce-page .content-area,
.site-main{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    float:none !important;
}

/* Shop Container */

.bo-shop-page{
    width:100%;
    max-width:1600px;
    margin:0 auto;
    padding:40px;
}

/* Toolbar */

.bo-shop-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 0 30px;
}

/* Product Grid */

.woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
    list-style:none;
    margin:0 !important;
    padding:0 !important;
}

/* VERY IMPORTANT - Removes the empty first box */

.woocommerce ul.products::before,
.woocommerce ul.products::after{
    content:none !important;
    display:none !important;
}

/* Product Card */

.woocommerce ul.products li.product{
    float:none !important;
    clear:none !important;
    width:100% !important;
    margin:0 !important;

    display:flex;
    flex-direction:column;

    background:#fff;
    border:1px solid #eee;
    border-radius:14px;
    overflow:hidden;

    transition:.3s;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.woocommerce ul.products li.product:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 35px rgba(0,0,0,.12);
}

/* Product Image */

.woocommerce ul.products li.product img{
    width:100%;
    height:280px;
    object-fit:contain;
    padding:20px;
}

/* Product Title */

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:18px;
    font-weight:600;
    line-height:1.5;
    min-height:60px;
    color:#222;
}

/* Price */

.woocommerce ul.products li.product .price{
    display:block;
    margin:12px 0;
    font-size:22px;
    font-weight:700;
    color:#0d6efd;
}

/* Button */

.woocommerce ul.products li.product .button{
    width:stretch !important;
    text-align:center;
    border-radius:8px;
    background:#0d6efd;
    color:#fff;
    padding:12px;
    font-weight:600;
}

.woocommerce ul.products li.product .button:hover{
    background:#084298;
}

/* Responsive */

@media (max-width:1200px){

.woocommerce ul.products{
grid-template-columns:repeat(3,1fr);
}

}

@media (max-width:992px){

.woocommerce ul.products{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:576px){

.bo-shop-page{
padding:20px;
}

.woocommerce ul.products{
grid-template-columns:1fr;
gap:20px;
}

.woocommerce ul.products li.product img{
height:200px;
}

}


.bo-spec-section{
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:50px;
    align-items:start;
    margin:60px 0;
}

.bo-spec-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    position:sticky;
    top:100px;
}

.bo-spec-table{
    width:100%;
    border-collapse:collapse;
}

.bo-spec-table tr{
    border-bottom:1px solid #ececec;
}

.bo-spec-table th{
    width:220px;
    text-align:left;
    background:#f8f8f8;
    padding:18px;
    font-weight:700;
}

.bo-spec-table td{
    padding:18px;
}

@media(max-width:991px){

.bo-spec-section{
    grid-template-columns:1fr;
}

.bo-spec-image{
    order:-1;
}


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* Overlay */