/*
Theme Name: Athar & Injaz
Description: Arabic RTL WooCommerce theme preserving the Athar & Injaz storefront design.
Version: 1.0.0
Text Domain: athar-injaz
*/
:root{--navy:#063b70;--blue:#1689dd;--light:#eaf7ff;--yellow:#ffd300}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:var(--navy);background:#fff;overflow-x:hidden}.shell{width:min(1180px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}.site-header{height:88px;background:var(--navy);color:#fff}.site-header .shell{height:100%;display:flex;align-items:center;gap:22px}.brand img{width:174px;height:auto;display:block}.main-nav{display:flex;gap:18px;font-weight:700}.main-nav a{padding:10px 14px}.main-nav .current-menu-item a{background:var(--blue);border-radius:25px}.header-actions{display:flex;align-items:center;gap:15px;margin-right:auto}.header-search{display:flex;align-items:center;background:#fff;border-radius:25px;padding:0 14px;height:42px}.header-search input{width:220px;border:0;outline:0}
.cart-link{
    position:relative;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    margin:0;
    padding:0;
    color:#fff;
    font-size:23px;
}

.cart-link img{
    display:block;
    margin:0;
}

.cart-count{position:absolute;top:-7px;right:-8px;background:var(--yellow);color:var(--navy);border-radius:50%;font-size:10px;min-width:18px;text-align:center}.hero{height:414px;position:relative;overflow:hidden;border-radius:23px;margin-top:14px;background:#dbf1ff}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;right:7%;top:33px;z-index:3}.badge{display:inline-block;padding:9px 20px;background:#ffdb63;border-radius:23px;font-weight:800}.hero h1{font-size:43px;line-height:1.35;margin:16px 0 5px}.hero h1 span{display:block;color:#ffb21a}.hero p{font-weight:700;line-height:1.85}.cta,.button{display:inline-flex;align-items:center;gap:10px;justify-content:center;border:0;background:var(--yellow);border-radius:26px;padding:12px 22px;font-weight:800;color:var(--navy)}.hero-child{position:absolute;bottom:-17px;object-fit:contain;z-index:2}.hero-girl{width:245px;left:12%}.hero-boy{width:270px;left:31%}.section{padding:25px 0;text-align:center}.section h2{font-size:27px;margin:0}.section-intro{margin:0 0 15px}.categories,.product-grid,.features{display:grid;gap:16px}.categories,.product-grid,.features{grid-template-columns:repeat(4,1fr)}.category{height:159px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.category img{width:62px;height:62px}.category span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#ffffff99}.featured{background:var(--light);border-radius:22px;padding:18px 28px}.section-title{display:flex;justify-content:space-between;align-items:center;text-align:right}.section-title h2{margin:0}.product-card{background:#fff;border-radius:16px;padding:13px;text-align:center;position:relative}.product-card .cover{display:block;height:150px;background:#eff8fd;border-radius:9px}.product-card .cover img{width:100%;height:100%;object-fit:contain}.wish{position:absolute;top:18px;right:18px;border:0;background:#fff;color:#5585be;font-size:21px}.price{font-size:17px;font-weight:800;color:#111}.price del{font-size:12px;color:#888;margin-left:6px}.add-to-cart{width:100%;margin-top:8px;background:var(--navy);color:#fff;border-radius:24px;padding:9px;border:0;cursor:pointer}.why{margin-top:35px;background:#f5fbff;padding:24px 0 36px;text-align:center}.feature{padding:0 20px;border-left:1px solid #b9d9ef}.feature:last-child{border:0}.feature img{width:62px}.site-footer{margin-top:20px;background:var(--navy);color:#fff;padding:45px 0 12px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:30px}.footer-logo{width:180px}.footer-grid a,.footer-grid span{display:block;color:#e7f4ff;margin:8px 0;font-size:13px}.socials{display:flex;gap:10px}.socials img{width:32px}.whatsapp-cta{align-self:center;background:#20c563;border-radius:25px;padding:13px}.woocommerce-cart-form,.woocommerce-checkout{max-width:900px;margin:35px auto}.shop_table{width:100%;border-collapse:collapse}.shop_table td,.shop_table th{padding:13px;border-bottom:1px solid #d5e8f5}

/* Checkout fields only - لا تلمس Header */
.woocommerce-checkout main input,
.woocommerce-checkout main textarea{
    width:100%;
    padding:10px;
    border:1px solid #c8e2f2;
    border-radius:9px;
}

.woocommerce button,.woocommerce input[type=submit]{background:var(--navy);color:#fff;border:0;border-radius:24px;padding:11px 20px}@media(max-width:800px){.site-header{height:70px}.main-nav,.header-search{display:none}.brand img{width:135px}.categories,.product-grid,.features{grid-template-columns:repeat(2,1fr)}.hero{height:510px}.hero-copy{right:0;left:0;text-align:center;top:25px}.hero h1{font-size:31px}.hero-girl{width:190px;left:4%;bottom:-4px}.hero-boy{width:210px;left:37%;bottom:2px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
/* =========================================================
   ATHAR & INJAZ - SINGLE PRODUCT
   ========================================================= */

.ai-product-page{
    direction:rtl;
    background:#fff;
    padding:32px 20px 55px;
    color:#063b70;
}

.ai-product-container{
    width:min(1180px, 100%);
    margin:0 auto;
}

/* Breadcrumb */

.ai-product-breadcrumb{
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
    font-size:14px;
    margin-bottom:25px;
    color:#64748b;
}

.ai-product-breadcrumb a{
    color:#063b70;
    text-decoration:none;
}

.ai-product-breadcrumb a:hover{
    color:#1689dd;
}


/* Main product */

.ai-product-main{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:55px;
    align-items:start;
}


/* Gallery */

.ai-product-gallery{
    display:grid;
    ggrid-template-columns:minmax(0,1fr) 80px;
    gap:16px;
    direction:ltr;
}

.ai-main-image{
    background:#eaf7ff;
    border-radius:24px;
    overflow:hidden;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:25px;
}

.ai-main-image img{
    width:100%;
    height:100%;
    max-height:500px;
    object-fit:contain;
    display:block;
}

.ai-product-thumbnails{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.ai-thumb{
    width:80px;
    height:88px;
    border:2px solid transparent;
    background:#f5faff;
    padding:5px;
    border-radius:12px;
    overflow:hidden;
    cursor:pointer;
    transition:.2s ease;
}

.ai-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:8px;
}

.ai-thumb:hover,
.ai-thumb.active{
    border-color:#1689dd;
}


/* Product info */

.ai-product-info{
    direction:rtl;
    text-align:right;
    padding-top:10px;
}

.ai-product-category{
    display:inline-block;
    background:#dceeff;
    color:#063b70;
    padding:7px 17px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    margin-bottom:15px;
}

.ai-product-category a{
    color:inherit;
    text-decoration:none;
}

.ai-product-title{
    font-size:42px;
    line-height:1.3;
    margin:0 0 15px;
    color:#063b70;
    font-weight:800;
}

.ai-product-short-description{
    font-size:17px;
    line-height:1.9;
    color:#526274;
    margin-bottom:15px;
}

.ai-product-short-description p{
    margin:0;
}

.ai-product-price{
    font-size:31px;
    font-weight:800;
    color:#063b70;
    margin:18px 0 24px;
}

.ai-product-price del{
    font-size:18px;
    color:#94a3b8;
}

.ai-product-price ins{
    text-decoration:none;
    color:#063b70;
}


/* Add to cart */

.ai-product-cart{
    margin:10px 0 16px;
}

.ai-product-cart form.cart{
    display:flex !important;
    align-items:center;
    gap:13px;
    margin:0 !important;
}

.ai-product-cart .quantity{
    margin:0 !important;
}

.ai-product-cart .quantity input.qty{
    width:85px !important;
    height:52px;
    border:1px solid #c9e4fa;
    border-radius:25px;
    text-align:center;
    font-size:17px;
    color:#063b70;
    background:#fff;
}

.ai-product-cart button.single_add_to_cart_button{
    flex:1;
    min-height:52px;
    border:0 !important;
    border-radius:26px !important;
    background:#ffd300 !important;
    color:#063b70 !important;
    font-size:17px !important;
    font-weight:800 !important;
    cursor:pointer;
    padding:12px 30px !important;
    transition:.2s ease;
}

.ai-product-cart button.single_add_to_cart_button:hover{
    transform:translateY(-1px);
    background:#ffc800 !important;
}


/* Payment */

.ai-payment-note{
    background:#e6f3ff;
    color:#063b70;
    border-radius:18px;
    padding:14px 18px;
    text-align:center;
    font-weight:700;
    margin:15px 0 22px;
}

.ai-payment-note span{
    color:#1689dd;
    margin-left:5px;
}


/* Benefits */

.ai-product-benefits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    padding:18px 0;
    border-top:1px solid #e7eef5;
    border-bottom:1px solid #e7eef5;
}

.ai-benefit{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    text-align:center;
    font-size:13px;
    line-height:1.5;
}

.ai-benefit strong{
    font-size:21px;
}


/* Stock */

.ai-product-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:17px;
    font-size:13px;
}

.ai-stock.in-stock{
    color:#16a34a;
}

.ai-stock.out-stock{
    color:#dc2626;
}

.ai-sku{
    color:#64748b;
}


/* Description */

.ai-product-description{
    margin-top:45px;
    border:1px solid #cfe8fb;
    border-radius:18px;
    overflow:hidden;
    background:#fff;
}

.ai-description-title{
    background:#063b70;
    color:#fff;
    padding:13px 28px;
    font-weight:800;
    font-size:17px;
}

.ai-description-content{
    padding:24px 30px;
    color:#4d6073;
    line-height:2;
    font-size:15px;
}

.ai-description-content p:first-child{
    margin-top:0;
}

.ai-description-content p:last-child{
    margin-bottom:0;
}


/* Related products */

.ai-related-products{
    margin-top:45px;
    padding:30px;
    background:#eef9ff;
    border-radius:24px;
}

.ai-section-heading{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:22px;
}

.ai-section-heading h2{
    margin:0;
    color:#063b70;
    font-size:25px;
}

.ai-section-heading span{
    width:50px;
    height:4px;
    background:#ffd300;
    border-radius:10px;
    margin-top:7px;
}


/* WooCommerce related cards */

.ai-related-products .related > h2{
    display:none;
}

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

.ai-related-products ul.products li.product{
    width:100% !important;
    margin:0 !important;
    float:none !important;
    background:#fff;
    border-radius:17px;
    padding:12px !important;
    text-align:right;
    overflow:hidden;
}

.ai-related-products ul.products li.product img{
    width:100% !important;
    height:190px !important;
    object-fit:contain;
    border-radius:12px;
    background:#f7fbff;
    margin-bottom:10px !important;
}

.ai-related-products .woocommerce-loop-product__title{
    color:#063b70;
    font-size:15px !important;
    line-height:1.6;
    min-height:48px;
}

.ai-related-products .price{
    color:#063b70 !important;
    font-weight:800 !important;
    font-size:16px !important;
}

.ai-related-products .button{
    display:block !important;
    text-align:center;
    background:#ffd300 !important;
    color:#063b70 !important;
    border-radius:22px !important;
    padding:10px !important;
    font-weight:800 !important;
    margin-top:10px !important;
}


/* Remove unwanted WooCommerce/default sidebars */

.ai-product-page + .widget-area,
body.single-product .sidebar,
body.single-product #secondary{
    display:none !important;
}


/* Mobile */

@media (max-width:900px){

    .ai-product-main{
        grid-template-columns:1fr;
        gap:30px;
    }

    .ai-product-gallery{
        grid-template-columns:1fr;
    }

    .ai-product-thumbnails{
        flex-direction:row;
        order:2;
        overflow-x:auto;
    }

    .ai-main-image{
        min-height:380px;
    }

    .ai-product-title{
        font-size:32px;
    }

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

@media (max-width:520px){

    .ai-product-page{
        padding:20px 14px 40px;
    }

    .ai-main-image{
        min-height:300px;
        padding:15px;
    }

    .ai-product-title{
        font-size:28px;
    }

    .ai-product-benefits{
        grid-template-columns:1fr;
    }

    .ai-product-meta{
        flex-direction:column;
        align-items:flex-start;
    }

    .ai-related-products{
        padding:18px 12px;
    }

    .ai-related-products ul.products{
        grid-template-columns:1fr !important;
    }
}
/* ==========================================================
   ATHAR & INJAZ - FINAL PRODUCT TEMPLATE
========================================================== */

.athar-single-product{
    background:#fff;
    color:#063b70;
    padding:20px 20px 55px;
}

.athar-product-wrap{
    width:min(1180px,100%);
    margin:auto;
}

/* Breadcrumb */

.athar-breadcrumb{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:9px;
    margin-bottom:22px;
    font-size:14px;
    color:#64748b;
}

.athar-breadcrumb a{
    color:#063b70;
}

/* ======================
   MAIN PRODUCT
====================== */

.athar-product-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:48px;
    align-items:start;
}

/* ======================
   RIGHT GALLERY
====================== */

.athar-gallery{
    grid-column:1;
    grid-row:1;

    display:grid;
    grid-template-columns:minmax(0,1fr) 82px;
    gap:14px;

    direction:ltr;
    width:100%;
}

/* MAIN IMAGE */

.athar-main-image{
    width:100%;
    height:500px;

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

    background:#eaf7ff;
    border-radius:24px;
    overflow:hidden;
    padding:20px;
}

.athar-main-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    margin:0;
}

/* THUMBNAILS */

.athar-thumbnails{
    display:flex;
    flex-direction:column;
    gap:10px;
    width:82px;
}

.athar-thumb{
    width:82px;
    height:82px;

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

    padding:5px;
    border:2px solid transparent;
    border-radius:13px;

    background:#eef8ff;
    overflow:hidden;
    cursor:pointer;
}

.athar-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:8px;
}

.athar-thumb.active{
    border-color:#063b70;
}

/* ======================
   LEFT PRODUCT INFO
====================== */

.athar-product-info{
    grid-column:2;
    grid-row:1;
    text-align:right;
    padding-top:12px;
}

.athar-category{
    display:inline-block;
    padding:7px 18px;
    border-radius:25px;

    background:#dceeff;
    color:#063b70;

    font-size:14px;
    font-weight:800;
}

.athar-category a{
    color:inherit;
}

.athar-title{
    margin:14px 0 8px;
    font-size:42px;
    line-height:1.35;
    color:#063b70;
    font-weight:800;
}

.athar-short-description{
    max-width:520px;
    color:#536477;
    font-size:16px;
    line-height:1.9;
    margin-bottom:12px;
}

.athar-short-description p{
    margin:0;
}

/* PRICE */

.athar-price{
    margin:17px 0 22px;
    font-size:30px;
    font-weight:800;
    color:#063b70;
}

.athar-price ins{
    text-decoration:none;
}

.athar-price del{
    color:#94a3b8;
    font-size:18px;
}

/* ======================
   CART
====================== */

.athar-cart{
    width:100%;
}

.athar-cart form.cart{
    display:flex !important;
    align-items:center;
    gap:12px;
    width:100%;
    margin:0 !important;
}

.athar-cart .quantity{
    width:150px !important;
    height:52px !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    direction:rtl !important;

    padding:0 14px !important;

    background:#fff !important;
    border:1px solid #c6e0f5 !important;
    border-radius:28px !important;

    overflow:hidden !important;
}

/* الرقم */
.athar-cart .quantity input.qty{
    width:45px !important;
    height:48px !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;

    background:transparent !important;
    color:#063b70 !important;

    text-align:center !important;
    font-size:17px !important;
    font-weight:700 !important;

    appearance:textfield !important;
    -moz-appearance:textfield !important;
}

/* نشيل الأسهم الأصلية من input */
.athar-cart .quantity input.qty::-webkit-inner-spin-button,
.athar-cart .quantity input.qty::-webkit-outer-spin-button{
    -webkit-appearance:none !important;
    margin:0 !important;
}

/* + و - */
.athar-cart .quantity .athar-qty-btn{
    width:30px !important;
    height:30px !important;

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

    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    color:#063b70 !important;
    font-size:22px !important;
    font-weight:800 !important;
    line-height:1 !important;

    cursor:pointer !important;
}

.athar-cart .single_add_to_cart_button{
    flex:1;

    min-height:52px !important;
    margin:0 !important;

    border:0 !important;
    border-radius:28px !important;

    background:#ffd300 !important;
    color:#063b70 !important;

    font-size:17px !important;
    font-weight:800 !important;

    cursor:pointer;
}

/* ======================
   WHATSAPP
====================== */

.athar-whatsapp{
    width:100%;
    min-height:48px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    margin-top:12px;

    background:#dceeff;
    color:#063b70;

    border-radius:25px;

    font-size:16px;
    font-weight:800;
}

.athar-whatsapp span{
    font-size:21px;
}

/* ======================
   FEATURES
====================== */

.athar-features{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;

    margin-top:24px;
    padding:18px 0;

    border-top:1px solid #e2edf5;
    border-bottom:1px solid #e2edf5;
}

.athar-feature{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-align:right;
}

.athar-feature-icon{
    font-size:24px;
}

.athar-feature strong{
    display:block;
    color:#063b70;
    font-size:13px;
}

.athar-feature small{
    display:block;
    margin-top:3px;
    color:#64748b;
    font-size:11px;
}

/* STOCK */

.athar-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin-top:15px;

    font-size:13px;
}

.athar-stock.available{
    color:#16a34a;
}

.athar-stock.unavailable{
    color:#dc2626;
}

.athar-sku{
    color:#64748b;
}

/* ======================
   DESCRIPTION
====================== */

.athar-details{
    margin-top:35px;

    border:1px solid #cfe6f7;
    border-radius:18px;

    overflow:hidden;
}

.athar-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;

    background:#eef8ff;
}

.athar-tabs span{
    padding:14px 20px;
    text-align:center;
    font-weight:800;
}

.athar-tabs .active{
    background:#063b70;
    color:#fff;
}

.athar-description{
    padding:22px 30px;

    color:#526274;
    font-size:15px;
    line-height:2;
    text-align:right;
}

.athar-description p:first-child{
    margin-top:0;
}

.athar-description p:last-child{
    margin-bottom:0;
}

/* ======================
   RELATED
====================== */

.athar-related{
    margin-top:28px;
    padding:25px;

    background:#eef9ff;
    border-radius:22px;
}

.athar-related-heading{
    text-align:right;
    margin-bottom:20px;
}

.athar-related-heading h2{
    margin:0;
    color:#063b70;
    font-size:25px;
}

.athar-related-heading span{
    display:block;
    width:55px;
    height:4px;

    margin-top:6px;

    background:#ffd300;
    border-radius:10px;
}

.athar-related .related > h2{
    display:none;
}

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

.athar-related ul.products li.product{
    width:100% !important;
    margin:0 !important;
    float:none !important;

    padding:12px !important;

    background:#fff;
    border-radius:16px;

    text-align:right;
}

.athar-related ul.products li.product img{
    width:100% !important;
    height:180px !important;

    object-fit:contain;

    background:#f4faff;
    border-radius:12px;

    margin-bottom:10px !important;
}

.athar-related .woocommerce-loop-product__title{
    min-height:45px;

    color:#063b70;
    font-size:15px !important;
    line-height:1.5;
}

.athar-related .price{
    color:#063b70 !important;
    font-weight:800 !important;
}

.athar-related .button{
    display:block !important;

    margin-top:8px !important;
    padding:10px !important;

    text-align:center;

    background:#ffd300 !important;
    color:#063b70 !important;

    border-radius:22px !important;
}

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

@media(max-width:900px){

    .athar-product-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .athar-gallery{
        grid-column:1;
        grid-row:auto;
    }

    .athar-product-info{
        grid-column:1;
        grid-row:auto;
    }

    .athar-main-image{
        height:430px;
    }

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

@media(max-width:600px){

    .athar-single-product{
        padding:15px 12px 35px;
    }

    .athar-gallery{
        display:flex;
        flex-direction:column;
    }

    .athar-main-image{
        height:340px;
        order:1;
    }

    .athar-thumbnails{
        width:100%;
        flex-direction:row;
        overflow-x:auto;
        order:2;
    }

    .athar-thumb{
        flex:0 0 68px;
        width:68px;
        height:68px;
    }

    .athar-title{
        font-size:31px;
    }

    .athar-features{
        grid-template-columns:1fr;
    }

    .athar-meta{
        flex-direction:column;
        align-items:flex-start;
    }

    .athar-related{
        padding:18px 12px;
    }

    .athar-related ul.products{
        grid-template-columns:1fr !important;
    }
}
/* WhatsApp button */
.athar-whatsapp{
    background:#25D366 !important;
    color:#fff !important;
    transition:transform .2s ease, box-shadow .2s ease !important;
}

.athar-whatsapp:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,.12);
}
/* Add to cart icon */
.athar-cart .single_add_to_cart_button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:30px !important;
}

.athar-cart .single_add_to_cart_button::after{
    content:"🛒";
    font-size:21px;
    line-height:1;
}
/* =========================================
   ATHAR - PLAYFUL PRODUCT DECORATIONS
========================================= */

.athar-product-grid{
    position:relative;
}

/* نجمة صفراء */
.athar-product-info::before{
    content:"";
    position:absolute;
    left:-55px;
    top:45px;
    width:55px;
    height:55px;
    background:#ffd300;
    clip-path:polygon(
        50% 0%,61% 34%,98% 35%,
        68% 56%,79% 91%,
        50% 70%,21% 91%,
        32% 56%,2% 35%,39% 34%
    );
    animation:atharStarFloat 3.5s ease-in-out infinite;
    z-index:0;
}



@keyframes atharCloudFloat{
    0%,100%{
        transform:translateX(0) translateY(0);
    }

    50%{
        transform:translateX(7px) translateY(-3px);
    }
}

/* حركة النجمة */
@keyframes atharStarFloat{
    0%,100%{
        transform:translateY(0) rotate(-5deg);
    }
    50%{
        transform:translateY(-10px) rotate(5deg);
    }
}



/* خط أصفر منقط للّمسـة الطفولية */
.athar-product-info{
    position:relative;
}

.athar-product-info .athar-title::after{
    content:"";
    position:absolute;
    left:-42px;
    top:110px;
    width:55px;
    height:90px;

    border-left:3px dashed #f7b500;
    border-radius:50%;

    transform:rotate(-18deg);
    opacity:.9;

    animation:atharDashMove 3s ease-in-out infinite;
}

@keyframes atharDashMove{
    0%,100%{
        transform:rotate(-18deg) translateY(0);
    }
    50%{
        transform:rotate(-18deg) translateY(6px);
    }
}

/* حركة بسيطة للـ thumbnails */
.athar-thumb{
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.athar-thumb:hover{
    transform:translateX(-4px) scale(1.04);
    box-shadow:0 5px 14px rgba(6,59,112,.12);
}

.athar-thumb.active{
    transform:scale(1.04);
    box-shadow:0 5px 14px rgba(6,59,112,.12);
}

/* الصورة الكبيرة حركة ناعمة */
.athar-main-image img{
    transition:transform .35s ease, opacity .25s ease;
}

.athar-main-image:hover img{
    transform:scale(1.015);
}

/* Tablet */
@media(max-width:900px){

    .athar-product-info::before{
        width:38px;
        height:38px;
        left:10px;
        top:15px;
    }

    .athar-product-info::after{
        width:55px;
        height:19px;
        left:18px;
        bottom:35px;

        box-shadow:
            13px -10px 0 -2px #dceeff,
            28px -5px 0 0 #dceeff;

        opacity:.8;
    }

    .athar-product-info .athar-title::after{
        left:30px;
        top:75px;
        width:35px;
        height:55px;
        opacity:.65;
    }
}

/* Mobile */
@media(max-width:600px){

    .athar-product-info{
        overflow:hidden;
        padding-left:8px;
        padding-right:8px;
    }

    .athar-product-info::before{
        width:28px;
        height:28px;
        left:8px;
        top:18px;
        opacity:.8;
    }

    .athar-product-info::after{
        width:42px;
        height:15px;
        left:12px;
        bottom:25px;

        box-shadow:
            10px -7px 0 -2px #dceeff,
            22px -4px 0 -1px #dceeff;

        opacity:.65;
	}
}
/* =========================================
   ATHAR - QUANTITY SELECTOR
========================================= */

.athar-cart .quantity{
    width:150px !important;
    min-width:150px !important;
    height:52px !important;

    display:grid !important;
    grid-template-columns:36px 1fr 36px !important;
    align-items:center !important;

    direction:rtl !important;

    padding:0 8px !important;
    margin:0 !important;

    background:#fff !important;
    border:2px solid #c6e0f5 !important;
    border-radius:30px !important;

    overflow:hidden !important;
}

/* الرقم */
.athar-cart .quantity input.qty{
    width:100% !important;
    min-width:0 !important;
    height:48px !important;

    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;

    text-align:center !important;

    color:#063b70 !important;
    font-size:18px !important;
    font-weight:800 !important;

    appearance:textfield !important;
    -moz-appearance:textfield !important;
}

/* إخفاء الأسهم الافتراضية */
.athar-cart .quantity input.qty::-webkit-inner-spin-button,
.athar-cart .quantity input.qty::-webkit-outer-spin-button{
    -webkit-appearance:none !important;
    margin:0 !important;
}

/* أزرار + و - */
.athar-cart .quantity .athar-qty-btn{
    width:36px !important;
    height:48px !important;

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

    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
    box-shadow:none !important;

    color:#063b70 !important;

    font-size:23px !important;
    font-weight:800 !important;
    line-height:1 !important;

    cursor:pointer !important;
}

.athar-cart .quantity .athar-qty-btn:hover{
    background:transparent !important;
    color:#1689dd !important;
}

/* Mobile */
@media(max-width:600px){
    .athar-cart .quantity{
        width:130px !important;
        min-width:130px !important;
        height:48px !important;
        grid-template-columns:32px 1fr 32px !important;
    }

    .athar-cart .quantity input.qty{
        height:44px !important;
        font-size:17px !important;
    }

    .athar-cart .quantity .athar-qty-btn{
        width:32px !important;
        height:44px !important;
        font-size:21px !important;
    }
}
/* =========================================================
   HOME - FEATURED PRODUCTS
   Scoped to homepage only - does NOT affect single product
========================================================= */

.home-featured{
    position:relative;
    margin-top:28px;
    margin-bottom:35px;
    padding:28px;
    background:#eaf7ff;
    border-radius:26px;
    overflow:hidden;
    direction:rtl;
}

/* Header */
.home-featured-header{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:25px;
    margin-bottom:22px;
}

.home-featured-heading{
    text-align:right;
}

.home-featured-heading h2{
    margin:0;
    color:#063b70;
    font-size:30px;
    font-weight:800;
}

.home-featured-line{
    display:block;
    width:62px;
    height:5px;
    margin-top:6px;
    margin-right:0;
    border-radius:10px;
    background:#ffd300;
}

.home-featured-heading p{
    margin:10px 0 0;
    color:#355d83;
    font-size:15px;
}

.home-featured-all{
    color:#063b70;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
    transition:.2s ease;
}

.home-featured-all:hover{
    transform:translateX(-4px);
}


/* =====================================
   PRODUCT GRID
===================================== */

.home-featured-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}


/* =====================================
   PRODUCT CARD
===================================== */

.home-product-card{
    min-width:0;
    padding:12px;
    background:#fff;
    border:1px solid #dceef9;
    border-radius:22px;
    box-shadow:
        0 8px 22px rgba(6,59,112,.05),
        inset 0 0 0 1px rgba(255,255,255,.7);
    overflow:hidden;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.home-product-card:hover{
    transform:translateY(-5px);
    box-shadow:0 14px 30px rgba(6,59,112,.11);
}


/* =====================================
   IMAGE
===================================== */

.home-product-image-wrap{
    position:relative;
    width:100%;
    aspect-ratio:1.18 / 1;
    overflow:hidden;
    border-radius:16px;
    background:#edf8ff;
}

.home-product-image{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

.home-product-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:contain !important;
    margin:0 !important;
    padding:0 !important;
    transition:transform .35s ease;
}

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


/* Heart */
.home-product-heart{
    position:absolute;
    top:10px;
    left:10px;
    z-index:3;

    width:38px;
    height:38px;

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

    border:0;
    border-radius:50%;

    background:#fff;
    color:#064b82;

    font-size:25px;
    line-height:1;

    box-shadow:0 3px 10px rgba(6,59,112,.10);
    cursor:pointer;
}


/* =====================================
   PRODUCT CONTENT
===================================== */

.home-product-content{
    padding:13px 4px 3px;
    text-align:center;
}

.home-product-title{
    display:block;
    color:#063b70;
    font-size:18px;
    font-weight:800;
    line-height:1.4;
    text-decoration:none;
    margin-bottom:7px;
}

.home-product-title:hover{
    color:#1689dd;
}


/* Category pill */
.home-product-category{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:27px;
    padding:4px 14px;
    margin-bottom:8px;

    background:#e1f1ff;
    border-radius:20px;

    color:#326b9e;
    font-size:12px;
    font-weight:700;
}


/* =====================================
   PRICE
===================================== */

.home-product-price{
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;

    margin:1px 0 10px;

    color:#063b70;
    font-size:22px;
    font-weight:900;
}

.home-product-price .amount{
    color:#063b70;
    font-weight:900;
}

.home-product-price .woocommerce-Price-currencySymbol{
    color:#f4b900;
    font-size:16px;
    font-weight:900;
    margin-left:3px;
}

.home-product-price del{
    opacity:.45;
    font-size:14px;
    margin-left:6px;
}

.home-product-price ins{
    text-decoration:none;
}


/* =====================================
   ADD TO CART
===================================== */

.home-product-cart{
    width:100%;
    min-height:47px;

    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:9px;

    padding:10px 15px !important;
    margin:0 !important;

    border:2px solid #063b70 !important;
    border-radius:25px !important;

    background:#063b70 !important;
    color:#fff !important;

    font-size:14px !important;
    font-weight:800 !important;
    text-decoration:none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .15s ease;
}

.home-product-cart:hover,
.home-product-cart:focus{
    background:#ffd300 !important;
    border-color:#ffd300 !important;
    color:#063b70 !important;
}

.home-product-cart:active{
    background:#ffd300 !important;
    border-color:#ffd300 !important;
    color:#063b70 !important;
    transform:scale(.97);
}

.home-cart-icon{
    font-size:18px;
}


/* =====================================
   DECORATIONS
===================================== */

.home-featured-decoration{
    pointer-events:none;
}

.home-featured-star{
    position:absolute;
    left:18px;
    top:42px;
    color:#ffd300;
    font-size:42px;
    transform:rotate(12deg);
    z-index:1;
}

.home-featured-cloud{
    position:absolute;
    top:24px;
    left:48%;
    width:58px;
    height:25px;
    border:3px solid #b9ddf5;
    border-radius:30px;
    opacity:.75;
}

.home-featured-cloud::before,
.home-featured-cloud::after{
    content:"";
    position:absolute;
    background:#eaf7ff;
    border:3px solid #b9ddf5;
    border-bottom:0;
    border-radius:50% 50% 0 0;
}

.home-featured-cloud::before{
    width:25px;
    height:20px;
    left:8px;
    top:-16px;
}

.home-featured-cloud::after{
    width:20px;
    height:15px;
    right:5px;
    top:-11px;
}


/* =========================================================
   HOME FEATURED PRODUCTS - FINAL OVERRIDE
   Homepage only
========================================================= */

body.home .home-featured{
    position:relative !important;
    width:min(1180px, calc(100% - 40px)) !important;
    margin:28px auto 40px !important;
    padding:28px !important;

    background:#eaf7ff !important;
    border-radius:26px !important;

    overflow:hidden !important;
    direction:rtl !important;
}


/* ---------- HEADER ---------- */

body.home .home-featured-header{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:20px !important;

    margin-bottom:22px !important;
}

body.home .home-featured-heading{
    text-align:right !important;
}

body.home .home-featured-heading h2{
    margin:0 !important;

    color:#063b70 !important;
    font-size:30px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
}

body.home .home-featured-line{
    display:block !important;

    width:58px !important;
    height:5px !important;

    margin-top:7px !important;

    background:#ffd300 !important;
    border-radius:10px !important;
}

body.home .home-featured-heading p{
    margin:10px 0 0 !important;

    color:#355d83 !important;
    font-size:15px !important;
    line-height:1.7 !important;
}

body.home .home-featured-all{
    flex-shrink:0 !important;

    color:#063b70 !important;
    font-size:15px !important;
    font-weight:700 !important;

    text-decoration:none !important;
}


/* ---------- GRID ---------- */

body.home .home-featured-grid{
    display:grid !important;

    grid-template-columns:repeat(4, minmax(0,1fr)) !important;

    gap:18px !important;

    width:100% !important;
}


/* ---------- PRODUCT CARD ---------- */

body.home .home-product-card{
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;

    min-width:0 !important;
    width:100% !important;

    padding:11px !important;

    background:#fff !important;

    border:1px solid #d7eaf7 !important;
    border-radius:22px !important;

    box-shadow:
        0 8px 20px rgba(6,59,112,.055),
        inset 0 0 0 1px rgba(255,255,255,.8) !important;

    overflow:hidden !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}

body.home .home-product-card:hover{
    transform:translateY(-5px) !important;

    box-shadow:
        0 14px 30px rgba(6,59,112,.12) !important;
}


/* ---------- IMAGE AREA ---------- */

body.home .home-product-image-wrap{
    position:relative !important;

    display:block !important;

    width:100% !important;

    aspect-ratio:1 / 1 !important;

    background:#edf8ff !important;

    border-radius:16px !important;

    overflow:hidden !important;
}

body.home .home-product-image{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    height:100% !important;

    padding:8px !important;
}

body.home .home-product-image img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;

    transition:transform .3s ease !important;
}

body.home .home-product-card:hover .home-product-image img{
    transform:scale(1.035) !important;
}


/* ---------- HEART ---------- */

body.home .home-product-heart{
    position:absolute !important;

    top:10px !important;
    left:10px !important;

    z-index:5 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:38px !important;
    height:38px !important;

    margin:0 !important;
    padding:0 !important;

    background:#fff !important;

    border:0 !important;
    border-radius:50% !important;

    box-shadow:0 3px 10px rgba(6,59,112,.12) !important;

    color:#063b70 !important;

    font-size:24px !important;

    cursor:pointer !important;
}


/* ---------- CONTENT ---------- */

body.home .home-product-content{
    display:flex !important;
    flex-direction:column !important;

    flex:1 !important;

    width:100% !important;

    padding:13px 4px 3px !important;

    text-align:center !important;
}

body.home .home-product-title{
    display:block !important;

    margin:0 0 7px !important;

    color:#063b70 !important;

    font-size:18px !important;
    font-weight:800 !important;
    line-height:1.4 !important;

    text-decoration:none !important;
}

body.home .home-product-title:hover{
    color:#1689dd !important;
}


/* ---------- CATEGORY ---------- */

body.home .home-product-category{
    align-self:center !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    min-height:27px !important;

    padding:4px 14px !important;
    margin:0 0 8px !important;

    background:#e1f1ff !important;

    border-radius:20px !important;

    color:#326b9e !important;

    font-size:12px !important;
    font-weight:700 !important;
}


/* ---------- PRICE ---------- */

body.home .home-product-price{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    min-height:34px !important;

    margin:2px 0 11px !important;

    color:#063b70 !important;

    font-size:22px !important;
    font-weight:900 !important;
}

body.home .home-product-price .amount{
    color:#063b70 !important;
    font-weight:900 !important;
}

body.home .home-product-price .woocommerce-Price-amount{
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    direction:ltr !important;
}

body.home .home-product-price .woocommerce-Price-currencySymbol{
    color:#eeb900 !important;

    margin-right:0 !important;
    margin-left:8px !important;

    font-size:15px !important;
    font-weight:900 !important;
}

body.home .home-product-price del{
    margin-left:6px !important;

    opacity:.45 !important;

    font-size:14px !important;
}

body.home .home-product-price ins{
    text-decoration:none !important;
}


/* ---------- ADD TO CART ---------- */

body.home .home-product-cart{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    width:100% !important;
    min-height:46px !important;

    margin-top:auto !important;
    padding:9px 12px !important;

    background:#063b70 !important;
    color:#fff !important;

    border:2px solid #063b70 !important;
    border-radius:25px !important;

    font-size:14px !important;
    font-weight:800 !important;

    text-decoration:none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .15s ease !important;
}

body.home .home-product-cart:hover,
body.home .home-product-cart:focus{
    background:#ffd300 !important;

    color:#063b70 !important;

    border-color:#063b70 !important;
}

body.home .home-product-cart:active{
    background:#ffd300 !important;

    color:#063b70 !important;

    border-color:#063b70 !important;

    transform:scale(.97) !important;
}

body.home .home-cart-icon{
    font-size:17px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    body.home .home-featured{
        width:calc(100% - 30px) !important;

        padding:22px !important;

        border-radius:22px !important;
    }

    body.home .home-featured-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:15px !important;
    }

    body.home .home-product-image-wrap{
        aspect-ratio:1.15 / 1 !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

    body.home .home-featured{
        width:calc(100% - 24px) !important;

        margin:22px auto 28px !important;

        padding:16px 10px !important;

        border-radius:20px !important;
    }


    /* Header */

    body.home .home-featured-header{
        align-items:flex-start !important;

        gap:8px !important;

        margin-bottom:15px !important;
    }

    body.home .home-featured-heading h2{
        font-size:22px !important;
    }

    body.home .home-featured-line{
        width:44px !important;
        height:4px !important;
    }

    body.home .home-featured-heading p{
        margin-top:6px !important;

        font-size:11px !important;
        line-height:1.5 !important;
    }

    body.home .home-featured-all{
        padding-top:5px !important;

        font-size:11px !important;
    }


    /* 2 PRODUCTS PER ROW */

    body.home .home-featured-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:9px !important;
    }


    /* Card */

    body.home .home-product-card{
        padding:7px !important;

        border-radius:16px !important;
    }


    /* Image */

    body.home .home-product-image-wrap{
        aspect-ratio:1 / 1 !important;

        border-radius:12px !important;
    }

    body.home .home-product-image{
        padding:4px !important;
    }


    /* Heart */

    body.home .home-product-heart{
        top:6px !important;
        left:6px !important;

        width:29px !important;
        height:29px !important;

        font-size:18px !important;
    }


    /* Content */

    body.home .home-product-content{
        padding:8px 1px 1px !important;
    }

    body.home .home-product-title{
        margin-bottom:5px !important;

        font-size:14px !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    body.home .home-product-category{
        min-height:22px !important;

        padding:3px 8px !important;
        margin-bottom:5px !important;

        font-size:9px !important;
    }


    /* Price */

    body.home .home-product-price{
        min-height:27px !important;

        margin:1px 0 7px !important;

        font-size:17px !important;
    }

    body.home .home-product-price .woocommerce-Price-currencySymbol{
        font-size:11px !important;
    }


    /* Cart */

    body.home .home-product-cart{
        min-height:38px !important;

        padding:7px 4px !important;

        gap:4px !important;

        border-radius:20px !important;

        font-size:11px !important;
    }

    body.home .home-cart-icon{
        font-size:13px !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media(max-width:360px){

    body.home .home-featured{
        width:calc(100% - 16px) !important;

        padding-left:7px !important;
        padding-right:7px !important;
    }

    body.home .home-featured-grid{
        gap:7px !important;
    }

    body.home .home-product-title{
        font-size:12px !important;
    }

    body.home .home-product-cart{
        font-size:10px !important;
    }
}
/* ===== DESKTOP FEATURED HARD FIX ===== */

@media screen and (min-width:1001px){

    html body.home main .home-featured.shell{
        display:block !important;
        position:relative !important;

        width:min(1180px, calc(100% - 40px)) !important;
        max-width:1180px !important;

        margin:30px auto 40px !important;
        padding:28px !important;

        background:#eaf7ff !important;
        border-radius:26px !important;

        overflow:hidden !important;
    }

    html body.home main .home-featured .home-featured-header{
        display:flex !important;
        width:100% !important;

        justify-content:space-between !important;
        align-items:flex-end !important;

        margin:0 0 22px !important;
    }

    html body.home main .home-featured .home-featured-grid{
        display:grid !important;

        width:100% !important;
        max-width:none !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap:18px !important;

        margin:0 !important;
        padding:0 !important;
    }

    html body.home main .home-featured .home-product-card{
        display:flex !important;
        flex-direction:column !important;

        position:relative !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;
        padding:11px !important;

        background:#ffffff !important;

        border:1px solid #d7eaf7 !important;
        border-radius:22px !important;

        overflow:hidden !important;

        box-shadow:0 8px 22px rgba(6,59,112,.07) !important;
    }

    html body.home main .home-featured .home-product-image-wrap{
        display:block !important;
        position:relative !important;

        width:100% !important;
        height:auto !important;

        aspect-ratio:1 / 1 !important;

        margin:0 !important;
        padding:0 !important;

        background:#edf8ff !important;

        border-radius:16px !important;
        overflow:hidden !important;
    }

    html body.home main .home-featured .home-product-image{
        display:flex !important;

        width:100% !important;
        height:100% !important;

        align-items:center !important;
        justify-content:center !important;

        padding:8px !important;
    }

    html body.home main .home-featured .home-product-image img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        max-width:100% !important;
        max-height:100% !important;

        object-fit:contain !important;

        margin:0 !important;
        padding:0 !important;
    }

    html body.home main .home-featured .home-product-content{
        display:flex !important;
        flex-direction:column !important;

        width:100% !important;

        padding:13px 4px 3px !important;

        text-align:center !important;
    }

    html body.home main .home-featured .home-product-title{
        display:block !important;

        margin:0 0 7px !important;

        color:#063b70 !important;

        font-size:18px !important;
        font-weight:800 !important;

        text-align:center !important;
    }

    html body.home main .home-featured .home-product-category{
        display:table !important;

        margin:0 auto 8px !important;
        padding:4px 14px !important;

        background:#e1f1ff !important;
        border-radius:20px !important;

        color:#326b9e !important;

        font-size:12px !important;
        font-weight:700 !important;
    }

    html body.home main .home-featured .home-product-price{
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        margin:2px 0 10px !important;

        color:#063b70 !important;

        font-size:22px !important;
        font-weight:900 !important;
    }

    html body.home main .home-featured .home-product-cart{
        display:flex !important;

        width:100% !important;
        min-height:46px !important;

        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:10px 15px !important;

        background:#063b70 !important;
        color:#ffffff !important;

        border:2px solid #063b70 !important;
        border-radius:25px !important;

        font-size:14px !important;
        font-weight:800 !important;

        text-decoration:none !important;
    }

    html body.home main .home-featured .home-product-cart:hover{
        background:#ffd300 !important;
        color:#063b70 !important;
        border-color:#063b70 !important;
    }
}
/* ==========================================
   HOME FEATURED - RESPONSIVE
========================================== */

/* TABLET */
@media (max-width:1000px){

    body.home .home-featured{
        width:calc(100% - 32px) !important;
        padding:22px !important;
    }

    body.home .home-featured-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:15px !important;
    }
}


/* MOBILE */
@media (max-width:600px){

    body.home .home-featured{
        width:calc(100% - 24px) !important;
        margin:22px auto 28px !important;
        padding:17px 11px 14px !important;
        border-radius:20px !important;
    }

    body.home .home-featured-header{
        align-items:flex-start !important;
        margin-bottom:16px !important;
        gap:8px !important;
    }

    body.home .home-featured-heading h2{
        font-size:22px !important;
    }

    body.home .home-featured-heading p{
        margin-top:7px !important;
        font-size:11px !important;
    }

    body.home .home-featured-all{
        font-size:12px !important;
    }

    body.home .home-featured-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:9px !important;
    }

    body.home .home-product-card{
        width:100% !important;
        min-width:0 !important;
        padding:7px !important;
        border:1px solid #d7eaf7 !important;
        border-radius:15px !important;
    }

    body.home .home-product-image-wrap{
        width:100% !important;
        aspect-ratio:1 / 1 !important;
        border-radius:11px !important;
    }

    body.home .home-product-title{
        font-size:14px !important;
    }

    body.home .home-product-price{
        font-size:17px !important;
    }

    body.home .home-product-cart{
        min-height:38px !important;
        padding:7px 5px !important;
        border-radius:20px !important;
        font-size:11px !important;
    }
}
/* =====================================================
   FIX FEATURED PRODUCTS - 601PX AND ABOVE
===================================================== */

@media screen and (min-width:601px){

    body.home .home-featured-grid{
        display:grid !important;
        width:100% !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:18px !important;
    }

    body.home .home-featured-grid > article.home-product-card{
        position:relative !important;
        display:flex !important;
        flex-direction:column !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        padding:11px !important;

        background:#ffffff !important;

        border:1px solid #d7eaf7 !important;
        border-radius:22px !important;

        box-shadow:0 8px 20px rgba(6,59,112,.06) !important;

        overflow:hidden !important;
    }

    body.home .home-featured-grid > article.home-product-card
    .home-product-image-wrap{
        position:relative !important;

        display:block !important;

        width:100% !important;
        height:auto !important;
        aspect-ratio:1 / 1 !important;

        margin:0 !important;

        background:#edf8ff !important;

        border-radius:16px !important;

        overflow:hidden !important;
    }

    body.home .home-featured-grid > article.home-product-card
    .home-product-image{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        height:100% !important;

        padding:8px !important;
    }

    body.home .home-featured-grid > article.home-product-card
    .home-product-image img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        max-width:100% !important;
        max-height:100% !important;

        object-fit:contain !important;

        margin:0 !important;
        padding:0 !important;
    }

    body.home .home-featured-grid > article.home-product-card
    .home-product-content{
        display:flex !important;
        flex-direction:column !important;
        flex:1 !important;

        width:100% !important;

        padding:13px 4px 3px !important;

        text-align:center !important;
    }
}


/* TABLET ONLY */
@media screen and (min-width:601px) and (max-width:1000px){

    body.home .home-featured-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:15px !important;
    }
}


/* DESKTOP ONLY */
@media screen and (min-width:1001px){

    body.home .home-featured-grid{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:18px !important;
    }
}
/* =====================================================
   FIX FEATURED PRODUCT CARD - 601PX AND ABOVE
===================================================== */

@media (min-width:601px){

    body.home .home-featured-grid{
        display:grid !important;
        grid-template-columns:repeat(4, minmax(0,1fr)) !important;
        gap:18px !important;
        width:100% !important;
    }

    body.home .home-product-card{
        position:relative !important;
        display:flex !important;
        flex-direction:column !important;

        width:100% !important;
        min-width:0 !important;

        padding:11px !important;

        background:#ffffff !important;
        border:1px solid #d7eaf7 !important;
        border-radius:22px !important;

        box-shadow:0 8px 20px rgba(6,59,112,.06) !important;
        overflow:hidden !important;
    }

    body.home .home-product-image-wrap{
        position:relative !important;
        display:block !important;

        width:100% !important;
        aspect-ratio:1 / 1 !important;

        background:#edf8ff !important;
        border-radius:16px !important;

        overflow:hidden !important;
    }

    body.home .home-product-image{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        height:100% !important;

        padding:8px !important;
    }

    body.home .home-product-image img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        max-width:100% !important;
        max-height:100% !important;

        object-fit:contain !important;

        margin:0 !important;
        padding:0 !important;
    }

    body.home .home-product-content{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;

        width:100% !important;

        padding:13px 4px 3px !important;
        text-align:center !important;
    }

    body.home .home-product-title{
        display:block !important;

        margin:0 0 7px !important;

        color:#063b70 !important;
        font-size:18px !important;
        font-weight:800 !important;
        line-height:1.4 !important;

        text-decoration:none !important;
    }

    body.home .home-product-category{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        min-height:27px !important;

        padding:4px 14px !important;
        margin-bottom:8px !important;

        background:#e1f1ff !important;
        border-radius:20px !important;

        color:#326b9e !important;
        font-size:12px !important;
        font-weight:700 !important;
    }

    body.home .home-product-price{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        min-height:34px !important;
        margin:1px 0 10px !important;

        color:#063b70 !important;
        font-size:22px !important;
        font-weight:900 !important;
    }

    body.home .home-product-cart{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        min-height:47px !important;

        padding:10px 15px !important;
        margin:0 !important;

        background:#063b70 !important;
        color:#fff !important;

        border:2px solid #063b70 !important;
        border-radius:25px !important;

        font-size:14px !important;
        font-weight:800 !important;
        text-decoration:none !important;
    }

    body.home .home-product-heart{
        position:absolute !important;
        top:10px !important;
        left:10px !important;
        z-index:10 !important;

        width:38px !important;
        height:38px !important;

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

        background:#fff !important;
        color:#063b70 !important;

        border:0 !important;
        border-radius:50% !important;

        font-size:25px !important;
    }
}
/* =====================================
   HOME PRICE - JOD POSITION FIX
===================================== */

body.home .home-product-price{
    direction:rtl !important;
}

body.home .home-product-price .woocommerce-Price-amount{
    display:inline-flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
    gap:7px !important;
    direction:ltr !important;
}

body.home .home-product-price .woocommerce-Price-currencySymbol{
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;
}
/* =========================================================
   ATHAR SHOP PAGE - FINAL DESIGN
   ========================================================= */

body.post-type-archive-product{
    background:#fff;
}

.athar-shop{
    direction:rtl;
    background:#fff;
    padding:28px 0 50px;
    color:#063b70;
}

.athar-shop-shell{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}


/* =========================
   HERO
========================= */

.athar-shop-hero{
    position:relative;
    width:100%;
    min-height:255px;
    overflow:hidden;
    border-radius:25px;
    background:#eaf7ff;
}

.athar-shop-hero-art{
    position:absolute;
    inset:0;
    z-index:1;

    background-image:url("assets/shop/shop-hero.webp");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

.athar-shop-hero-content{
    position:absolute;
    z-index:2;

    right:0;
    top:50%;
    transform:translateY(-50%);

    width:48%;
    padding:30px 45px;

    text-align:center;
}

.athar-shop-hero-content h1{
    margin:0;
    color:#063b70;
    font-size:46px;
    line-height:1.15;
    font-weight:900;
}

.athar-shop-title-line{
    display:block;
    width:75px;
    height:7px;
    margin:10px auto 17px;

    background:#ffd300;
    border-radius:20px;
}

.athar-shop-hero-content p{
    margin:0;
    color:#174f7e;
    font-size:16px;
    line-height:1.8;
    font-weight:700;
}


/* =========================
   CATEGORY INTRO
========================= */

.athar-shop-category-intro{
    margin:24px 0 15px;
    text-align:center;
}

.athar-shop-category-intro h2{
    margin:0 0 4px;
    color:#063b70;
    font-size:25px;
    font-weight:900;
}

.athar-shop-category-intro p{
    margin:0;
    color:#527c9f;
    font-size:14px;
    font-weight:600;
}


/* =========================
   CATEGORY CARDS
========================= */

.athar-shop-categories{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:16px;
    margin-bottom:28px;
}

.athar-shop-category{
    min-width:0;
    min-height:145px;

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

    border-radius:18px;
    text-decoration:none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.athar-shop-category:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(6,59,112,.08);
}

.athar-shop-category:nth-child(1){
    background:#eee7ff;
}

.athar-shop-category:nth-child(2){
    background:#fff3e5;
}

.athar-shop-category:nth-child(3){
    background:#e3f8f0;
}

.athar-shop-category:nth-child(4){
    background:#e3f4ff;
}

.athar-shop-category-icon{
    font-size:33px;
    line-height:1;
}

.athar-shop-category strong{
    color:#063b70;
    font-size:17px;
    font-weight:900;
}

.athar-shop-category-arrow{
    width:34px;
    height:34px;

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

    margin-top:2px;

    background:rgba(255,255,255,.8);
    border-radius:50%;

    color:#063b70;
    font-size:18px;
}


/* SHOP CATEGORY SVG ICONS */

.athar-shop-category-icon{
    width:42px;
    height:42px;

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

.athar-shop-category-icon img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
}

/* Mobile */
@media(max-width:600px){

    .athar-shop-category-icon{
        width:34px;
        height:34px;
    }

}


/* =========================
   TOOLBAR
========================= */

.athar-shop-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin:0 0 18px;
}

.athar-shop-result-count{
    color:#063b70;
    font-size:14px;
    font-weight:700;
}

.athar-shop-result-count p{
    margin:0;
}

.athar-shop-ordering form{
    margin:0;
}

.athar-shop-ordering select{
    height:42px;
    min-width:185px;

    padding:0 14px;

    background:#fff;
    color:#063b70;

    border:1px solid #d7e6f1;
    border-radius:13px;
    outline:none;
}


/* =========================
   PRODUCT GRID
========================= */

.athar-shop-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:18px;
}

.athar-shop-product{
    min-width:0;

    display:flex;
    flex-direction:column;

    padding:10px;

    background:#fff;

    border:1px solid #dceaf5;
    border-radius:20px;

    box-shadow:0 7px 20px rgba(6,59,112,.06);

    overflow:hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.athar-shop-product:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 27px rgba(6,59,112,.11);
}


/* PRODUCT IMAGE */

.athar-shop-product-image{
    position:relative;

    width:100%;
    aspect-ratio:1 / 1;

    overflow:hidden;

    background:#edf8ff;
    border-radius:15px;
}

.athar-shop-product-image > a{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

    padding:8px;
}

.athar-shop-product-image img{
    display:block;

    width:100% !important;
    height:100% !important;

    margin:0 !important;

    object-fit:contain;
}


/* HEART */

.athar-shop-heart{
    position:absolute;
    z-index:5;

    top:9px;
    left:9px;

    width:37px;
    height:37px;

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

    padding:0;

    background:#fff;
    color:#063b70;

    border:0;
    border-radius:50%;

    box-shadow:0 3px 10px rgba(6,59,112,.12);

    font-size:22px;
    cursor:pointer;
}


/* PRODUCT INFO */

.athar-shop-product-content{
    flex:1;

    display:flex;
    flex-direction:column;

    padding:11px 3px 2px;

    text-align:center;
}

.athar-shop-product-title{
    color:#063b70 !important;

    font-size:17px;
    line-height:1.5;
    font-weight:900;

    text-decoration:none !important;
}

.athar-shop-product-category{
    margin-top:3px;

    color:#7896ae;

    font-size:12px;
}

.athar-shop-product-category a{
    color:inherit !important;
    text-decoration:none !important;
}


/* PRICE */

.athar-shop-product-price{
    margin:7px 0 10px;

    color:#063b70;

    font-size:20px;
    font-weight:900;
}

.athar-shop-product-price .woocommerce-Price-currencySymbol{
    color:#eeb900;
    font-size:13px;
    font-weight:900;
}


/* CART BUTTON */

.athar-shop-add-cart{
    width:100%;
    min-height:43px;

    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin-top:auto;
    padding:8px 10px;

    background:#063b70 !important;
    color:#fff !important;

    border-radius:24px;

    font-size:13px;
    font-weight:800;

    text-decoration:none !important;

    transition:.2s ease;
}

.athar-shop-add-cart:hover{
    background:#ffd300 !important;
    color:#063b70 !important;
}

.athar-shop-cart-icon{
    font-size:16px;
}


/* =========================
   TABLET
========================= */

@media (max-width:1000px){

    .athar-shop-shell{
        width:calc(100% - 30px);
    }

    .athar-shop-hero{
        min-height:220px;
    }

    .athar-shop-hero-content{
        width:48%;
        padding:20px;
    }

    .athar-shop-hero-content h1{
        font-size:36px;
    }

    .athar-shop-hero-content p{
        font-size:13px;
    }

    .athar-shop-categories{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .athar-shop-category{
        min-height:125px;
    }

    .athar-shop-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width:600px){

    .athar-shop{
        padding:14px 0 30px;
    }

    .athar-shop-shell{
        width:calc(100% - 20px);
    }

    .athar-shop-hero{
        min-height:180px;
        border-radius:18px;
    }

    .athar-shop-hero-art{
        background-position:42% center;
    }

    .athar-shop-hero-content{
        right:0;
        width:50%;
        padding:10px 7px;
    }

    .athar-shop-hero-content h1{
        font-size:28px;
    }

    .athar-shop-title-line{
        width:48px;
        height:5px;
        margin:6px auto 9px;
    }

    .athar-shop-hero-content p{
        font-size:9px;
        line-height:1.6;
    }

    .athar-shop-category-intro{
        margin:17px 0 11px;
    }

    .athar-shop-category-intro h2{
        font-size:18px;
    }

    .athar-shop-category-intro p{
        font-size:11px;
    }

    .athar-shop-categories{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    .athar-shop-category{
        min-height:105px;
        gap:5px;
        border-radius:15px;
    }

    .athar-shop-category-icon{
        font-size:27px;
    }

    .athar-shop-category strong{
        font-size:13px;
    }

    .athar-shop-category-arrow{
        width:27px;
        height:27px;
        font-size:14px;
    }

    .athar-shop-toolbar{
        gap:7px;
        margin-top:18px;
    }

    .athar-shop-result-count{
        font-size:10px;
    }

    .athar-shop-ordering select{
        width:135px;
        min-width:0;
        height:37px;

        padding:0 7px;

        font-size:10px;
    }

    .athar-shop-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    .athar-shop-product{
        padding:6px;
        border-radius:15px;
    }

    .athar-shop-product-image{
        border-radius:11px;
    }

    .athar-shop-product-image > a{
        padding:4px;
    }

    .athar-shop-heart{
        top:6px;
        left:6px;

        width:29px;
        height:29px;

        font-size:17px;
    }

    .athar-shop-product-content{
        padding:7px 1px 1px;
    }

    .athar-shop-product-title{
        font-size:13px;
    }

    .athar-shop-product-category{
        font-size:9px;
    }

    .athar-shop-product-price{
        margin:4px 0 7px;
        font-size:17px;
    }

    .athar-shop-product-price .woocommerce-Price-currencySymbol{
        font-size:10px;
    }

    .athar-shop-add-cart{
        min-height:36px;

        padding:5px 2px;

        gap:4px;

        font-size:10px;
    }

    .athar-shop-cart-icon{
        font-size:12px;
    }
}
/* =========================================
   SHOP TOOLBAR - ATHAR STYLE
========================================= */

.athar-shop-toolbar{
    direction:rtl;
    margin-top:8px;
    margin-bottom:20px;
}

.athar-shop-result-count{
    color:#063b70;
    font-family:Tahoma, Arial, sans-serif;
    font-size:14px;
    font-weight:800;
}

.athar-shop-ordering select{
    appearance:none;
    -webkit-appearance:none;

    min-width:190px;
    height:44px;

    padding:0 18px 0 42px;

    color:#063b70;
    background-color:#fff;

    border:1.5px solid #d5e9f7;
    border-radius:14px;

    font-family:Tahoma, Arial, sans-serif;
    font-size:13px;
    font-weight:700;

    cursor:pointer;

    box-shadow:0 4px 12px rgba(6,59,112,.04);
}
/* SHOP SORTING ARROW - LEFT SIDE */

.athar-shop-ordering{
    position:relative !important;
}

.athar-shop-ordering::after{
    content:"⌄";

    position:absolute !important;
    left:14px !important;
    right:auto !important;
    top:46% !important;

    transform:translateY(-58%);

    color:#063b70;
    font-size:18px;
    font-weight:900;
    line-height:1;

    pointer-events:none;
}

.athar-shop-ordering select{
    padding-right:15px !important;
    padding-left:42px !important;

    direction:rtl;
    text-align:right;
}
/* =========================================
   CATEGORIES PAGE - HERO
========================================= */

.athar-categories-page{
    direction:rtl;
    background:#fff;
    padding:28px 0 50px;
    color:#063b70;
}

.athar-categories-shell{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}


/* HERO */

.athar-categories-hero{
    position:relative;
    width:100%;
    min-height:255px;
    overflow:hidden;

    border-radius:25px;
    background:#69c5f7;
}


/* HERO IMAGE */

.athar-categories-hero-art{
    position:absolute;
    inset:0;
    z-index:1;

    background-image:url("assets/categories-page/categories-hero.webp");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}


/* HERO TEXT */

.athar-categories-hero-content{
    position:absolute;
    z-index:2;

    right:0;
    top:50%;
    transform:translateY(-50%);

    width:48%;
    padding:30px 45px;

    text-align:center;
}


.athar-categories-hero-content h1{
    margin:0;

    color:#063b70;

    font-size:44px;
    line-height:1.2;
    font-weight:900;
}


.athar-categories-title-line{
    display:block;

    width:78px;
    height:7px;

    margin:11px auto 17px;

    background:#ffd300;
    border-radius:20px;
}


.athar-categories-hero-content p{
    margin:0;

    color:#174f7e;

    font-size:16px;
    line-height:1.8;
    font-weight:700;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:1000px){

    .athar-categories-shell{
        width:calc(100% - 30px);
    }

    .athar-categories-hero{
        min-height:220px;
    }

    .athar-categories-hero-content{
        width:49%;
        padding:25px;
    }

    .athar-categories-hero-content h1{
        font-size:35px;
    }

    .athar-categories-hero-content p{
        font-size:14px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    .athar-categories-page{
        padding-top:15px;
    }

    .athar-categories-shell{
        width:calc(100% - 20px);
    }

    .athar-categories-hero{
        min-height:185px;
        border-radius:20px;
    }

    .athar-categories-hero-art{
        background-position:40% center;
    }

    .athar-categories-hero-content{
        width:52%;
        padding:15px 12px;
    }

    .athar-categories-hero-content h1{
        font-size:26px;
        line-height:1.25;
    }

    .athar-categories-title-line{
        width:55px;
        height:5px;
        margin:8px auto 11px;
    }

    .athar-categories-hero-content p{
        font-size:12px;
        line-height:1.6;
    }

}
/* =========================================
   CATEGORIES PAGE - CONTENT
========================================= */

/* TITLES */

.athar-categories-heading{
    text-align:center;
    margin:28px 0 18px;
}

.athar-categories-heading h2{
    margin:0 0 5px;
    color:#063b70;
    font-size:27px;
    line-height:1.35;
    font-weight:900;
}

.athar-categories-heading p{
    margin:0;
    color:#6c8ba5;
    font-size:14px;
    font-weight:700;
}


/* =========================================
   SUBJECT CARDS
========================================= */

/* =========================================
   CATEGORIES PAGE - SUBJECT CARDS
   نفس مقاسات صفحة الدفاتر
========================================= */

.athar-subject-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:16px;
    margin-bottom:28px;
}

.athar-subject-card{
    min-width:0;
    min-height:145px;

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

    padding:0;

    border-radius:18px;
    text-decoration:none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.athar-subject-card:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(6,59,112,.08);
}


/* ألوان الأقسام */

.athar-subject-all{
    background:#eee7ff;
}

.athar-subject-arabic{
    background:#fff3e5;
}

.athar-subject-math{
    background:#e3f8f0;
}

.athar-subject-english{
    background:#e3f4ff;
}


/* SVG ICONS */

.athar-subject-card img{
    display:block;

    width:42px !important;
    height:42px !important;

    max-width:42px !important;
    max-height:42px !important;

    object-fit:contain;
}


/* CATEGORY NAME */

.athar-subject-card strong{
    color:#063b70;

    font-size:17px;
    line-height:1.4;
    font-weight:900;
}


/* ARROW */

.athar-subject-card .athar-category-arrow{
    width:34px;
    height:34px;

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

    margin-top:2px;

    background:rgba(255,255,255,.8);
    border-radius:50%;

    color:#063b70;

    font-size:18px;
    font-weight:900;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:1000px){

    .athar-subject-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    .athar-subject-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:10px;
    }

    .athar-subject-card{
        min-height:125px;
        border-radius:16px;
        gap:7px;
    }

    .athar-subject-card img{
        width:34px !important;
        height:34px !important;

        max-width:34px !important;
        max-height:34px !important;
    }

    .athar-subject-card strong{
        font-size:15px;
    }

    .athar-subject-card .athar-category-arrow{
        width:32px;
        height:32px;
        font-size:16px;
    }
}



/* =========================================
   EDUCATIONAL LEVELS
========================================= */

.athar-levels-heading{
    margin-top:48px;
}

.athar-level-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:18px;
}

.athar-level-card{
    min-height:175px;

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

    padding:20px;

    border-radius:20px;
    text-decoration:none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.athar-level-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 25px rgba(6,59,112,.09);
}

.athar-level-kg1{
    background:#e3f4ff;
}

.athar-level-kg2{
    background:#e3f8f0;
}

.athar-level-grade1{
    background:#eee7ff;
}

.athar-level-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:45px;

    font-size:38px;
    line-height:1;
}

.athar-level-card strong{
    color:#063b70;
    font-size:19px;
    font-weight:900;
}


/* =========================================
   BOTTOM CTA
========================================= */

.athar-categories-cta{
    position:relative;
    overflow:hidden;

    min-height:190px;

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

    margin-top:45px;
    padding:30px;

    border-radius:24px;

    background:
        radial-gradient(circle at 10% 30%, rgba(255,255,255,.75), transparent 25%),
        linear-gradient(120deg,#d9f2ff,#9edcff);

    text-align:center;
}

.athar-categories-cta-content{
    position:relative;
    z-index:2;
}

.athar-categories-cta h2{
    margin:0 0 7px;

    color:#063b70;

    font-size:28px;
    font-weight:900;
}

.athar-categories-cta p{
    margin:0 0 18px;

    color:#527c9f;

    font-size:15px;
    font-weight:700;
}

.athar-categories-cta-button{
    min-width:230px;
    min-height:50px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;

    padding:10px 25px;

    background:#063b70;
    color:#fff !important;

    border-radius:30px;

    font-size:15px;
    font-weight:900;

    text-decoration:none !important;

    transition:.2s ease;
}

.athar-categories-cta-button:hover{
    background:#ffd300;
    color:#063b70 !important;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:1000px){

    .athar-subject-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .athar-subject-card{
        min-height:165px;
    }

    .athar-level-grid{
        grid-template-columns:repeat(3, minmax(0,1fr));
    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    .athar-categories-heading{
        margin:24px 0 15px;
    }

    .athar-categories-heading h2{
        font-size:21px;
    }

    .athar-categories-heading p{
        font-size:12px;
    }


    /* الأقسام 2 جنب بعض */

    .athar-subject-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:10px;
    }

    .athar-subject-card{
        min-height:145px;
        padding:15px 8px;
        border-radius:17px;
        gap:7px;
    }

    .athar-subject-card img{
        width:42px !important;
        height:42px !important;
        max-width:42px !important;
        max-height:42px !important;
    }

    .athar-subject-card strong{
        font-size:15px;
    }

    .athar-category-arrow{
        width:32px;
        height:32px;
        font-size:16px;
    }


    /* المراحل */

    .athar-levels-heading{
        margin-top:32px;
    }

    .athar-level-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .athar-level-card{
        min-height:90px;

        flex-direction:row;
        justify-content:space-between;

        padding:15px 20px;

        border-radius:17px;
    }

    .athar-level-icon{
        min-height:auto;
        font-size:29px;
    }

    .athar-level-card strong{
        font-size:16px;
    }


    /* CTA */

    .athar-categories-cta{
        min-height:180px;

        margin-top:30px;
        padding:25px 18px;

        border-radius:20px;
    }

    .athar-categories-cta h2{
        font-size:22px;
    }

    .athar-categories-cta p{
        font-size:12px;
        line-height:1.7;
    }

    .athar-categories-cta-button{
        min-width:205px;
        min-height:46px;

        font-size:13px;
    }

}
/* =========================================
   CONTACT PAGE
========================================= */

.athar-contact-page{
    direction:rtl;
    background:#fff;
    padding:28px 0 0;
    color:#063b70;
}

.athar-contact-shell{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}


/* =========================================
   HERO
========================================= */

.athar-contact-hero{
    position:relative;
    width:100%;
    min-height:255px;
    overflow:hidden;

    border-radius:25px;
    background:#fff3c9;
}


/* HERO IMAGE */

.athar-contact-hero-art{
    position:absolute;
    inset:0;
    z-index:1;

    background-image:url("assets/contact-page/contact-hero-v2.webp");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}


/* HERO TEXT */

.athar-contact-hero-content{
    position:absolute;
    z-index:2;

    right:0;
    top:50%;
    transform:translateY(-50%);

    width:48%;
    padding:30px 45px;

    text-align:center;
}

.athar-contact-hero-content h1{
    margin:0;

    color:#063b70;

    font-size:44px;
    line-height:1.2;
    font-weight:900;
}

.athar-contact-title-line{
    display:block;

    width:78px;
    height:7px;

    margin:11px auto 17px;

    background:#ffd300;
    border-radius:20px;
}

.athar-contact-hero-content p{
    margin:0;

    color:#174f7e;

    font-size:16px;
    line-height:1.8;
    font-weight:700;
}


/* =========================================
   CONTACT METHODS
========================================= */

.athar-contact-methods{
    padding:30px 0 10px;
}


/* TITLE */

.athar-contact-section-heading{
    text-align:center;
    margin-bottom:20px;
}

.athar-contact-section-heading h2{
    margin:0 0 5px;

    color:#063b70;

    font-size:27px;
    line-height:1.35;
    font-weight:900;
}

.athar-contact-section-heading p{
    margin:0;

    color:#6c8ba5;

    font-size:14px;
    font-weight:700;
}


/* =========================================
   CONTACT CARDS
========================================= */

.athar-contact-methods-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:18px;
}

.athar-contact-method{
    min-width:0;
    min-height:220px;

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

    padding:25px 20px;

    border-radius:20px;

    text-align:center;
    text-decoration:none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.athar-contact-method:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 25px rgba(6,59,112,.09);
}


/* CARD COLORS */

.athar-contact-whatsapp{
    background:#e3f8f0;
}

.athar-contact-email{
    background:#eee7ff;
}

.athar-contact-messenger{
    background:#e3f4ff;
}


/* =========================================
   CONTACT ICON
========================================= */

.athar-contact-method-icon{
    width:58px;
    height:58px;

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

    margin-bottom:10px;

    border-radius:18px;

    background:#fff;
}

.athar-contact-method-icon img{
    display:block;

    width:58px;
    height:58px;

    max-width:58px;
    max-height:58px;

    object-fit:contain;
}


/* =========================================
   CONTACT TEXT
========================================= */

.athar-contact-method h3{
    margin:0 0 7px;

    color:#063b70;

    font-size:19px;
    font-weight:900;
}

.athar-contact-method p{
    margin:0;

    color:#66829a;

    font-size:14px;
    line-height:1.7;
    font-weight:700;
}


/* =========================================
   ARROW
========================================= */

.athar-contact-method-arrow{
    width:38px;
    height:38px;

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

    margin-top:12px;

    background:#fff;

    color:#063b70;

    border-radius:50%;

    font-size:18px;
    font-weight:900;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:1000px){

    .athar-contact-shell{
        width:calc(100% - 30px);
    }

    .athar-contact-hero{
        min-height:220px;
    }

    .athar-contact-hero-content{
        width:49%;
        padding:25px;
    }

    .athar-contact-hero-content h1{
        font-size:35px;
    }

    .athar-contact-hero-content p{
        font-size:14px;
    }

    .athar-contact-method{
        min-height:205px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    .athar-contact-page{
        padding-top:15px;
    }

    .athar-contact-shell{
        width:calc(100% - 20px);
    }

    .athar-contact-hero{
        min-height:185px;
        border-radius:20px;
    }

    .athar-contact-hero-art{
        background-position:40% center;
    }

    .athar-contact-hero-content{
        width:52%;
        padding:15px 12px;
    }

    .athar-contact-hero-content h1{
        font-size:26px;
        line-height:1.25;
    }

    .athar-contact-title-line{
        width:55px;
        height:5px;
        margin:8px auto 11px;
    }

    .athar-contact-hero-content p{
        font-size:12px;
        line-height:1.6;
    }


    /* CONTACT METHODS */

    .athar-contact-methods{
        padding-top:24px;
    }

    .athar-contact-section-heading{
        margin-bottom:15px;
    }

    .athar-contact-section-heading h2{
        font-size:21px;
    }

    .athar-contact-section-heading p{
        font-size:12px;
    }

    .athar-contact-methods-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .athar-contact-method{
        min-height:175px;
        padding:20px 15px;
        border-radius:17px;
    }

    .athar-contact-method-icon{
        width:50px;
        height:50px;
        border-radius:15px;
    }

    .athar-contact-method-icon img{
        width:50px;
        height:50px;

        max-width:50px;
        max-height:50px;
    }

    .athar-contact-method h3{
        font-size:17px;
    }

    .athar-contact-method p{
        font-size:13px;
    }

    .athar-contact-method-arrow{
        width:34px;
        height:34px;
        margin-top:10px;
        font-size:16px;
    }
}
/* =========================================
   CONTACT FORM
========================================= */

.athar-contact-form-section{
    margin-top:38px;
}

.athar-contact-form{
    width:min(820px, 100%);
    margin:0 auto;

    padding:30px;

    background:#f5fbff;

    border:1px solid #dceefa;
    border-radius:24px;

    box-shadow:0 10px 30px rgba(6,59,112,.05);
}


/* TWO COLUMNS */

.athar-contact-form-row{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:16px;
}


/* FIELD */

.athar-contact-field{
    margin-bottom:17px;
}

.athar-contact-field label{
    display:block;

    margin:0 0 7px;

    color:#063b70;

    font-size:14px;
    font-weight:900;
}


/* INPUTS */

.athar-contact-field input,
.athar-contact-field textarea{
    width:100%;

    padding:13px 15px;

    background:#fff;

    border:1px solid #d7e7f2;
    border-radius:13px;

    outline:none;

    color:#063b70;

    font-family:inherit;
    font-size:14px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.athar-contact-field input{
    min-height:48px;
}

.athar-contact-field textarea{
    min-height:125px;
    resize:vertical;
}


/* PLACEHOLDER */

.athar-contact-field input::placeholder,
.athar-contact-field textarea::placeholder{
    color:#9aafbf;
}


/* FOCUS */

.athar-contact-field input:focus,
.athar-contact-field textarea:focus{
    border-color:#1689dd;
    box-shadow:0 0 0 3px rgba(22,137,221,.08);
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.athar-contact-submit{
    min-width:190px;
    min-height:50px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    margin:4px auto 0;

    padding:10px 25px;

    border:0;
    border-radius:30px;

    background:#063b70;
    color:#fff;

    font-family:inherit;
    font-size:15px;
    font-weight:900;

    cursor:pointer;

    transition:.2s ease;
}

.athar-contact-submit:hover{
    background:#ffd300;
    color:#063b70;
}

.athar-contact-submit-arrow{
    font-size:19px;
    line-height:1;
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    .athar-contact-form-section{
        margin-top:30px;
    }

    .athar-contact-form{
        padding:20px 15px;
        border-radius:19px;
    }

    .athar-contact-form-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .athar-contact-field{
        margin-bottom:14px;
    }

    .athar-contact-field label{
        font-size:13px;
    }

    .athar-contact-field input,
    .athar-contact-field textarea{
        font-size:13px;
        border-radius:11px;
    }

    .athar-contact-submit{
        width:100%;
        min-width:0;
        min-height:48px;
    }
}
/* =========================================
   MOBILE / TABLET HEADER
========================================= */

/* مخفية على الديسكتوب */
.mobile-menu-toggle,
.mobile-search-toggle,
.mobile-side-menu,
.mobile-menu-overlay,
.mobile-search-panel{
    display:none;
}


/* =========================================
   TABLET + MOBILE
========================================= */

@media(max-width:1000px){

    /* HEADER */
    .site-header .shell{
        position:relative;

        display:flex;
        align-items:center;

        min-height:72px;
        gap:10px;
    }


    /* نخفي منيو الديسكتوب */
    .site-header .main-nav{
        display:none !important;
    }


    /* نخفي مربع البحث الكبير */
    .site-header .header-search{
        display:none !important;
    }


    /* =========================================
       MENU BUTTON
    ========================================= */

    .mobile-menu-toggle{
        display:flex;

        width:42px;
        height:42px;

        flex:0 0 42px;
        flex-direction:column;
        align-items:center;
        justify-content:center;

        gap:5px;

        padding:0;

        border:0;
        border-radius:12px;

        background:rgba(255,255,255,.10);

        cursor:pointer;
    }

    .mobile-menu-toggle span{
        display:block;

        width:20px;
        height:2px;

        background:#fff;
        border-radius:10px;
    }


    /* =========================================
       LOGO
    ========================================= */

    .site-header .brand{
        display:flex;
        align-items:center;

        margin:0;

        flex:0 0 auto;
    }

    .site-header .brand img{
        display:block;
        width:auto;
        max-width:none;
        height:43px;
    }


    /* =========================================
       ACTIONS - SEARCH + CART
    ========================================= */

    .site-header .header-actions{
        display:flex;
        align-items:center;
        gap:7px;

        margin-right:auto;
        margin-left:0;
    }


    /* SEARCH ICON */

    .mobile-search-toggle{
        display:flex;

        position:relative;

        width:42px;
        height:42px;

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

        padding:0;

        border:0;
        border-radius:50%;

        background:rgba(255,255,255,.10);

        cursor:pointer;
    }
.mobile-search-toggle svg{
    width:23px;
    height:23px;

    fill:none;
    stroke:#fff;
    stroke-width:2.3;
    stroke-linecap:round;
    stroke-linejoin:round;

    display:block;
}


    /* CART */

    .site-header .cart-link{
        position:relative;

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

        width:42px;
        height:42px;

        margin:0;

        text-decoration:none;
    }


    /* =========================================
       OVERLAY
    ========================================= */

    .mobile-menu-overlay{
        position:fixed;
        inset:0;

        z-index:9998;

        display:block;

        background:rgba(0,25,50,.48);

        opacity:0;
        visibility:hidden;

        transition:
            opacity .25s ease,
            visibility .25s ease;
    }

    body.mobile-menu-open .mobile-menu-overlay{
        opacity:1;
        visibility:visible;
    }


    /* =========================================
       SIDE MENU
    ========================================= */

    .mobile-side-menu{
        position:fixed;

        display:block;

        z-index:9999;

        top:0;
        right:0;

        width:min(330px, 86vw);
        height:100vh;

        padding:0;

        background:#fff;

        box-shadow:-15px 0 40px rgba(6,59,112,.16);

        transform:translateX(105%);

        transition:transform .28s ease;
    }

    body.mobile-menu-open .mobile-side-menu{
        transform:translateX(0);
    }


    /* MENU HEADER */

    .mobile-side-menu-head{
        min-height:88px;

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

        padding:15px 20px;

        background:#063b70;
    }

    .mobile-menu-brand{
        display:flex;
        align-items:center;
    }

    .mobile-menu-brand img{
        display:block;

        width:auto;
        height:48px;
    }


    /* CLOSE */

    .mobile-menu-close{
        width:40px;
        height:40px;

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

        padding:0;

        border:0;
        border-radius:50%;

        background:rgba(255,255,255,.12);
        color:#fff;

        font-family:inherit;
        font-size:28px;
        line-height:1;

        cursor:pointer;
    }


    /* =========================================
       SIDE NAVIGATION
    ========================================= */

    .mobile-side-nav{
        padding:18px;
    }

    .mobile-side-nav a{
        min-height:58px;

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

        padding:0 17px;

        margin-bottom:8px;

        background:#f5faff;

        border:1px solid #e3f1fa;
        border-radius:15px;

        color:#063b70 !important;

        font-size:16px;
        font-weight:900;

        text-decoration:none !important;

        transition:.2s ease;
    }

    .mobile-side-nav a:hover{
        background:#e3f4ff;

        transform:translateX(-2px);
    }

    .mobile-side-nav a span:last-child{
        width:31px;
        height:31px;

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

        background:#fff;

        border-radius:50%;

        font-size:16px;
    }


    /* =========================================
       MOBILE SEARCH PANEL
    ========================================= */

    .mobile-search-panel{
        position:absolute;

        z-index:9997;

        top:72px;
        right:0;
        left:0;

        display:block;

        padding:12px 15px;

        background:#fff;

        box-shadow:0 12px 25px rgba(6,59,112,.12);

        opacity:0;
        visibility:hidden;

        transform:translateY(-8px);

        transition:.2s ease;
    }

    body.mobile-search-open .mobile-search-panel{
        opacity:1;
        visibility:visible;

        transform:translateY(0);
    }

    .mobile-search-panel form{
        width:min(700px, 100%);

        display:flex;

        margin:0 auto;

        gap:8px;
    }

    .mobile-search-panel input{
        flex:1;
        min-width:0;
        min-height:46px;

        padding:0 16px;

        border:1px solid #d5e7f4;
        border-radius:25px;

        outline:none;

        color:#063b70;

        font-family:inherit;
        font-size:14px;
    }

    .mobile-search-panel input:focus{
        border-color:#1689dd;
    }

    .mobile-search-panel button{
        min-width:80px;

        padding:0 18px;

        border:0;
        border-radius:25px;

        background:#ffd300;
        color:#063b70;

        font-family:inherit;
        font-size:14px;
        font-weight:900;

        cursor:pointer;
    }
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    .site-header .shell{
        min-height:68px;

        padding-left:10px;
        padding-right:10px;

        gap:7px;
    }


    /* MENU */

    .mobile-menu-toggle{
        width:38px;
        height:38px;

        flex-basis:38px;

        border-radius:10px;
    }


    /* LOGO */

    .site-header .brand img{
        height:39px;
    }


    /* ACTIONS */

    .site-header .header-actions{
        gap:3px;
    }

    .mobile-search-toggle,
    .site-header .cart-link{
        width:38px;
        height:38px;
    }


    /* SEARCH PANEL */

    .mobile-search-panel{
        top:68px;
        padding:10px;
    }

    .mobile-search-panel input{
        min-height:44px;

        font-size:13px;
    }

    .mobile-search-panel button{
        min-width:68px;

        padding:0 13px;

        font-size:13px;
    }


    /* SIDE MENU */

    .mobile-side-menu{
        width:min(310px, 88vw);
    }

    .mobile-side-menu-head{
        min-height:80px;

        padding:13px 16px;
    }

    .mobile-menu-brand img{
        height:43px;
    }

    .mobile-side-nav{
        padding:14px;
    }

    .mobile-side-nav a{
        min-height:54px;

        padding:0 14px;

        font-size:15px;
    }
}
/* =========================================
   ATHAR - CHECKOUT DESIGN
   STEP 1: LAYOUT + CARDS
========================================= */

/* صفحة Checkout */
body.woocommerce-checkout{
    background:#f7fbfe;
}

/* المحتوى الرئيسي */
body.woocommerce-checkout .wp-site-blocks,
body.woocommerce-checkout main{
    direction:rtl;
}

/* عنوان الصفحة */
body.woocommerce-checkout .wp-block-post-title{
    color:#063b70;
    font-weight:900;
    text-align:center;
}

/* =========================================
   CHECKOUT BLOCK
========================================= */

body.woocommerce-checkout .wc-block-checkout{
    direction:rtl;
    width:min(1180px, calc(100% - 40px));
    max-width:1180px;
    margin:30px auto 60px;
}

/* العمودين */
body.woocommerce-checkout .wc-block-checkout__main{
    padding:28px !important;

    background:#fff;

    border:1px solid #e2eef6;
    border-radius:22px;

    box-shadow:
        0 10px 35px rgba(6,59,112,.07);
}

/* =========================================
   ORDER SUMMARY
========================================= */

body.woocommerce-checkout .wc-block-checkout__sidebar{
    padding:0 !important;
}

body.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar{
    padding:0 !important;
}

body.woocommerce-checkout .wc-block-components-order-summary{
    overflow:hidden;

    background:#fff;

    border:1px solid #e2eef6 !important;
    border-radius:22px !important;

    box-shadow:
        0 10px 35px rgba(6,59,112,.07);
}

/* عنوان ملخص الطلب */
body.woocommerce-checkout .wc-block-components-order-summary__button-text,
body.woocommerce-checkout .wc-block-components-checkout-step__heading{
    color:#063b70;
}

/* =========================================
   SECTION HEADINGS
========================================= */

body.woocommerce-checkout .wc-block-components-checkout-step__title{
    color:#063b70;

    font-size:20px;
    font-weight:900;

    line-height:1.4;
}

/* =========================================
   INPUTS
========================================= */

body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input{
    min-height:54px;

    background:#fff;

    border:1px solid #d5e4ef !important;
    border-radius:12px !important;

    color:#063b70;

    box-shadow:none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

/* Focus */
body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input:focus{
    border-color:#1689dd !important;

    box-shadow:
        0 0 0 3px rgba(22,137,221,.10) !important;
}

/* =========================================
   PAYMENT AREA
========================================= */

body.woocommerce-checkout .wc-block-checkout__payment-method{
    margin-top:20px;
}

body.woocommerce-checkout .wc-block-components-radio-control{
    overflow:hidden;

    background:#fff;

    border:1px solid #e2eef6;
    border-radius:16px;
}

/* كل طريقة دفع */
body.woocommerce-checkout .wc-block-components-radio-control__option{
    padding:18px !important;

    border-bottom:1px solid #edf3f7;
}

body.woocommerce-checkout .wc-block-components-radio-control__option:last-child{
    border-bottom:0;
}

/* الخيار المحدد */
body.woocommerce-checkout .wc-block-components-radio-control__option--checked-option-highlighted{
    background:#f4fbf7 !important;
}

/* =========================================
   TABLET
========================================= */

@media(max-width:1000px){

    body.woocommerce-checkout .wc-block-checkout{
        width:min(760px, calc(100% - 30px));

        margin-top:25px;
    }

    body.woocommerce-checkout .wc-block-checkout__main{
        padding:22px !important;
    }
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    body.woocommerce-checkout .wc-block-checkout{
        width:calc(100% - 20px);

        margin-top:20px;
        margin-bottom:40px;
    }

    body.woocommerce-checkout .wc-block-checkout__main{
        padding:16px !important;

        border-radius:18px;
    }

    body.woocommerce-checkout .wc-block-components-order-summary{
        border-radius:18px !important;
    }

    body.woocommerce-checkout .wc-block-components-checkout-step__title{
        font-size:18px;
    }

    body.woocommerce-checkout .wc-block-components-text-input input,
    body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input{
        min-height:50px;
    }
}
/* =========================================
   ATHAR - CHECKOUT DESIGN
   STEP 2: DESKTOP LAYOUT
========================================= */

@media(min-width:1001px){

    /* مساحة الـ Checkout كاملة */
    body.woocommerce-checkout .wc-block-checkout{
        width:min(1180px, calc(100% - 40px)) !important;
        max-width:1180px !important;

        margin:35px auto 70px !important;
    }

    /* العمودين */
    body.woocommerce-checkout .wc-block-components-sidebar-layout{
        display:grid !important;

        grid-template-columns:
            minmax(0, 1.75fr)
            minmax(300px, .9fr) !important;

        gap:28px !important;

        align-items:start !important;
    }

    /* =========================================
       FORM - RIGHT SIDE
    ========================================= */

    body.woocommerce-checkout .wc-block-checkout__main{
        width:100% !important;
        max-width:none !important;

        grid-column:1 !important;

        margin:0 !important;
        padding:34px 38px !important;

        border-radius:24px !important;
    }

    /* =========================================
       ORDER SUMMARY - LEFT SIDE
    ========================================= */

    body.woocommerce-checkout .wc-block-checkout__sidebar{
        width:100% !important;
        max-width:none !important;

        grid-column:2 !important;

        margin:0 !important;
        padding:0 !important;

        position:sticky;
        top:25px;
    }

    body.woocommerce-checkout
    .wc-block-components-sidebar-layout
    .wc-block-components-main{
        width:100% !important;
        padding:0 !important;
    }

    body.woocommerce-checkout
    .wc-block-components-sidebar-layout
    .wc-block-components-sidebar{
        width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }


    /* =========================================
       FORM SPACING
    ========================================= */

    body.woocommerce-checkout
    .wc-block-components-checkout-step{
        margin-bottom:30px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-checkout-step__heading{
        margin-bottom:16px !important;
    }


    /* =========================================
       ORDER SUMMARY CARD
    ========================================= */

    body.woocommerce-checkout
    .wc-block-components-order-summary{
        width:100% !important;

        border-radius:22px !important;
    }

}


/* =========================================
   TABLET
========================================= */

@media(min-width:601px) and (max-width:1000px){

    body.woocommerce-checkout .wc-block-checkout{
        width:min(760px, calc(100% - 30px)) !important;
    }

    body.woocommerce-checkout
    .wc-block-components-sidebar-layout{
        display:block !important;
    }

    body.woocommerce-checkout .wc-block-checkout__main,
    body.woocommerce-checkout .wc-block-checkout__sidebar{
        width:100% !important;
        max-width:none !important;
    }

    body.woocommerce-checkout .wc-block-checkout__sidebar{
        margin-top:22px !important;
    }
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    body.woocommerce-checkout .wc-block-checkout{
        width:calc(100% - 20px) !important;
    }

    body.woocommerce-checkout
    .wc-block-components-sidebar-layout{
        display:block !important;
    }

    body.woocommerce-checkout .wc-block-checkout__main,
    body.woocommerce-checkout .wc-block-checkout__sidebar{
        width:100% !important;
        max-width:none !important;
    }

    body.woocommerce-checkout .wc-block-checkout__sidebar{
        margin-top:18px !important;
    }
}
/* =========================================
   ATHAR CHECKOUT - STEP 2.1
   WIDTH BALANCE
========================================= */

@media(min-width:1001px){

    body.woocommerce-checkout .wc-block-checkout{
        width:min(1100px, calc(100% - 40px)) !important;
        max-width:1100px !important;
    }

    body.woocommerce-checkout .wc-block-components-sidebar-layout{
        grid-template-columns:
            minmax(0, 680px)
            minmax(320px, 360px) !important;

        justify-content:center !important;
        gap:30px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__main{
        padding:34px 36px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__sidebar{
        min-width:320px !important;
    }
}
/* =========================================
   ATHAR CHECKOUT - HIDE STATE / COUNTY
========================================= */

body.woocommerce-checkout
.wc-block-components-address-form__state{
    display:none !important;
}
/* =========================================
   ATHAR CHECKOUT - CLIQ PAYMENT CARD
========================================= */

/* كرت CliQ */
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option:has(
    #radio-control-wc-payment-method-options-bacs
){
    margin-bottom:12px !important;

    border:2px solid #dceaf3 !important;
    border-radius:16px !important;

    background:#fff !important;

    overflow:hidden;
    transition:.2s ease;
}


/* عند اختيار CliQ */
body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option--checked-option-highlighted:has(
    #radio-control-wc-payment-method-options-bacs
){
    border-color:#27ae60 !important;
    background:#f5fcf7 !important;

    box-shadow:
        0 0 0 3px rgba(39,174,96,.08) !important;
}


/* الجزء القابل للضغط */
body.woocommerce-checkout
label[for="radio-control-wc-payment-method-options-bacs"]{
    min-height:72px !important;

    display:flex !important;
    align-items:center !important;

    padding:15px 18px !important;

    background:transparent !important;
}


/* اسم CliQ */
body.woocommerce-checkout
label[for="radio-control-wc-payment-method-options-bacs"]
.wc-block-components-payment-method-label{
    color:#063b70 !important;

    font-size:16px !important;
    font-weight:900 !important;
}


/* وصف CliQ */
body.woocommerce-checkout
#radio-control-wc-payment-method-options-bacs__content{
    padding:0 18px 16px !important;

    color:#5f7180 !important;

    font-size:13px !important;
    line-height:1.7 !important;

    background:transparent !important;
}
/* =========================================
   ATHAR CHECKOUT - FIX PAYMENT RADIO POSITION
========================================= */

/* نعطي مساحة للدائرة حتى ما تدخل على النص */
body.woocommerce-checkout
label[for="radio-control-wc-payment-method-options-bacs"],
body.woocommerce-checkout
label[for="radio-control-wc-payment-method-options-cod"]{
    position:relative !important;
    padding-right:55px !important;
}

/* تثبيت دائرة الاختيار على اليمين */
body.woocommerce-checkout
#radio-control-wc-payment-method-options-bacs,
body.woocommerce-checkout
#radio-control-wc-payment-method-options-cod{
    position:absolute !important;

    right:18px !important;
    left:auto !important;

    top:50% !important;
    transform:translateY(-50%) !important;

    margin:0 !important;
}

/* النص يأخذ المساحة المتبقية بدون ما يدخل تحت الدائرة */
body.woocommerce-checkout
label[for="radio-control-wc-payment-method-options-bacs"]
.wc-block-components-radio-control__option-layout,
body.woocommerce-checkout
label[for="radio-control-wc-payment-method-options-cod"]
.wc-block-components-radio-control__option-layout{
    width:100% !important;
    padding:0 !important;
}
/* =========================================
   ATHAR CHECKOUT - COD SELECTED GREEN
========================================= */

body.woocommerce-checkout
.wc-block-components-radio-control-accordion-option--checked-option-highlighted:has(
    #radio-control-wc-payment-method-options-cod
){
    border:2px solid #27ae60 !important;
    background:#f5fcf7 !important;

    box-shadow:
        0 0 0 3px rgba(39,174,96,.08) !important;
}
/* =========================================
   ATHAR CHECKOUT - COD LABEL BOLD
========================================= */

body.woocommerce-checkout
label[for="radio-control-wc-payment-method-options-cod"]
.wc-block-components-payment-method-label{
    font-weight:900 !important;
    color:#063b70 !important;
}
/* =========================================
   ATHAR CHECKOUT - MATCH COD WITH CLIQ
========================================= */

body.woocommerce-checkout
#radio-control-wc-payment-method-options-cod__label
.wc-block-components-payment-method-label{
    color:#063b70 !important;
    font-size:16px !important;
    font-weight:900 !important;
    line-height:1.4 !important;
    font-family:inherit !important;
}
/* =========================================
   ATHAR CHECKOUT - PLACE ORDER BUTTON
========================================= */

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button{
    min-height:56px !important;
    width:100% !important;

    background:#063b70 !important;
    color:#fff !important;

    border:0 !important;
    border-radius:14px !important;

    font-family:inherit !important;
    font-size:16px !important;
    font-weight:900 !important;

    box-shadow:0 8px 20px rgba(6,59,112,.14) !important;

    transition:
        transform .2s ease,
        background .2s ease !important;
}

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover{
    background:#052f59 !important;
    transform:translateY(-1px);
}

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button__text{
    color:#fff !important;
    font-weight:900 !important;
}
/* =========================================
   ATHAR CHECKOUT - WHATSAPP ORDER BUTTON
========================================= */

body.woocommerce-checkout .athar-whatsapp-order-button{
    width:100%;
    min-height:56px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin-top:12px;
    padding:0 20px;

    border:0;
    border-radius:14px;

    background:#25D366;
    color:#fff;

    font-family:inherit;
    font-size:16px;
    font-weight:900;

    cursor:pointer;

    box-shadow:0 8px 20px rgba(37,211,102,.18);

    transition:
        transform .2s ease,
        background .2s ease;
}

body.woocommerce-checkout .athar-whatsapp-order-button:hover{
    background:#1fbd5a;
    transform:translateY(-1px);
}

body.woocommerce-checkout .athar-whatsapp-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    font-size:20px;
    line-height:1;
}
/* =========================================
   ATHAR CHECKOUT - ORDER BUTTONS STACKED
========================================= */

body.woocommerce-checkout
.wc-block-checkout__actions{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}

/* زر إتمام الطلب */
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

/* زر واتساب */
body.woocommerce-checkout
.athar-whatsapp-order-button{
    width:100% !important;
    max-width:none !important;
    margin:12px 0 0 !important;
}
body.woocommerce-checkout .athar-whatsapp-svg{
    width:23px;
    height:23px;
    flex:0 0 23px;
    color:#fff;
}
/* =========================================
   ATHAR CHECKOUT - STACK ORDER BUTTONS
========================================= */

body.woocommerce-checkout
.wc-block-checkout__actions_row{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
}

/* إتمام الطلب */
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    margin:0 !important;
}

/* واتساب */
body.woocommerce-checkout
.athar-whatsapp-order-button{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;

    margin:12px 0 0 !important;
}
/* =========================================
   ATHAR - ORDER SUCCESS PAGE
   PART 1 - SUCCESS HERO
========================================= */

body.woocommerce-order-received{
    background:#f5fbff;
}

/* عرض الصفحة */
body.woocommerce-order-received .woocommerce-order{
    direction:rtl;

    width:min(1100px, calc(100% - 40px));
    margin:45px auto 70px;

    color:#063b70;
}


/* =========================================
   SUCCESS MESSAGE
========================================= */

body.woocommerce-order-received
.woocommerce-thankyou-order-received{
    position:relative;

    margin:0;
    padding:105px 30px 28px;

    background:#fff;

    border:1px solid #dcecf6;
    border-radius:25px 25px 0 0;

    text-align:center;

    color:#063b70;

    font-size:30px;
    line-height:1.5;
    font-weight:900;

    box-shadow:
        0 12px 35px rgba(6,59,112,.07);
}


/* الدائرة الخضراء */
body.woocommerce-order-received
.woocommerce-thankyou-order-received::before{
    content:"✓";

    position:absolute;

    top:27px;
    left:50%;

    width:62px;
    height:62px;

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

    transform:translateX(-50%);

    border-radius:50%;

    background:#35b96f;
    color:#fff;

    font-size:37px;
    font-weight:900;

    box-shadow:
        0 8px 22px rgba(53,185,111,.22);
}


/* زخرفة بسيطة */
body.woocommerce-order-received
.woocommerce-thankyou-order-received::after{
    content:"✦   ✨   ✦";

    position:absolute;

    top:48px;
    left:50%;

    width:230px;

    transform:translateX(-50%);

    color:#ffd300;

    font-size:15px;
    letter-spacing:10px;

    pointer-events:none;
}


/* =========================================
   ORDER OVERVIEW
========================================= */

body.woocommerce-order-received
.woocommerce-order-overview{
    display:grid !important;

    grid-template-columns:repeat(4, minmax(0,1fr));

    gap:0;

    margin:0 0 28px !important;
    padding:20px 24px 24px !important;

    list-style:none !important;

    background:#fff;

    border:1px solid #dcecf6;
    border-top:0;
    border-radius:0 0 25px 25px;

    box-shadow:
        0 12px 35px rgba(6,59,112,.07);
}


/* كل معلومة */
body.woocommerce-order-received
.woocommerce-order-overview li{
    min-width:0;

    margin:0 !important;
    padding:15px 18px !important;

    border:0 !important;
    border-left:1px solid #dcecf6 !important;

    color:#52718c;

    text-align:center;

    font-size:13px;
    font-weight:700;

    text-transform:none !important;
}


/* آخر عنصر */
body.woocommerce-order-received
.woocommerce-order-overview li:last-child{
    border-left:0 !important;
}


/* القيمة */
body.woocommerce-order-received
.woocommerce-order-overview strong{
    display:block;

    margin-top:7px;

    color:#063b70;

    font-size:17px;
    line-height:1.5;
    font-weight:900;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:1000px){

    body.woocommerce-order-received .woocommerce-order{
        width:min(760px, calc(100% - 30px));

        margin-top:30px;
    }

    body.woocommerce-order-received
    .woocommerce-thankyou-order-received{
        font-size:26px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    body.woocommerce-order-received .woocommerce-order{
        width:calc(100% - 20px);

        margin-top:22px;
        margin-bottom:45px;
    }


    body.woocommerce-order-received
    .woocommerce-thankyou-order-received{
        padding:92px 18px 22px;

        border-radius:20px 20px 0 0;

        font-size:21px;
        line-height:1.6;
    }


    body.woocommerce-order-received
    .woocommerce-thankyou-order-received::before{
        top:22px;

        width:56px;
        height:56px;

        font-size:32px;
    }


    body.woocommerce-order-received
    .woocommerce-thankyou-order-received::after{
        top:42px;

        width:190px;

        font-size:12px;
    }


    body.woocommerce-order-received
    .woocommerce-order-overview{
        display:block !important;

        padding:8px 16px 16px !important;

        border-radius:0 0 20px 20px;
    }


    body.woocommerce-order-received
    .woocommerce-order-overview li{
        display:flex;

        align-items:center;
        justify-content:space-between;

        width:100%;

        padding:13px 5px !important;

        border:0 !important;
        border-bottom:1px solid #e5eff6 !important;

        text-align:right;
    }


    body.woocommerce-order-received
    .woocommerce-order-overview li:last-child{
        border-bottom:0 !important;
    }


    body.woocommerce-order-received
    .woocommerce-order-overview strong{
        display:inline-block;

        margin:0;

        font-size:15px;
    }
}
/* =========================================
   ATHAR ORDER SUCCESS - FIX OVERVIEW
========================================= */

/* إزالة النجوم حول علامة الصح */
body.woocommerce-order-received
.woocommerce-thankyou-order-received::after{
    content:none !important;
    display:none !important;
}


/* منع معلومات الطلب من الدخول على بعضها */
body.woocommerce-order-received
.woocommerce-order-overview li{
    min-width:0 !important;
    overflow:hidden !important;
}


/* خصوصاً البريد الإلكتروني */
body.woocommerce-order-received
.woocommerce-order-overview li.email strong{
    display:block !important;

    max-width:100% !important;

    overflow-wrap:anywhere !important;
    word-break:break-word !important;

    font-size:14px !important;
    line-height:1.5 !important;
}


/* جميع القيم تبقى داخل العمود */
body.woocommerce-order-received
.woocommerce-order-overview strong{
    max-width:100% !important;
    overflow-wrap:anywhere !important;
}
/* إخفاء البريد الإلكتروني من ملخص نجاح الطلب */
body.woocommerce-order-received
.woocommerce-order-overview li.email{
    display:none !important;
}
/* =========================================
   ATHAR - ORDER RECEIVED
   ORDER DETAILS CARD
========================================= */

body.woocommerce-order-received
.woocommerce-order-details{
    margin:25px 0 0 !important;
    padding:28px 32px;

    background:#fff;

    border:1px solid #dcecf6;
    border-radius:22px;

    box-shadow:0 10px 30px rgba(6,59,112,.06);
}


/* عنوان تفاصيل الطلب */
body.woocommerce-order-received
.woocommerce-order-details__title{
    margin:0 0 22px !important;

    color:#063b70;

    font-size:24px;
    font-weight:900;
    text-align:right;
}


/* الجدول */
body.woocommerce-order-received
.woocommerce-table--order-details{
    width:100%;

    margin:0 !important;

    border:0 !important;
    border-collapse:collapse;
}


/* العناوين */
body.woocommerce-order-received
.woocommerce-table--order-details thead th{
    padding:13px 10px !important;

    background:#f4faff;

    border:0 !important;
    border-bottom:1px solid #dcecf6 !important;

    color:#52718c;

    font-size:14px;
    font-weight:800;
}


/* الصفوف */
body.woocommerce-order-received
.woocommerce-table--order-details td,
body.woocommerce-order-received
.woocommerce-table--order-details tfoot th,
body.woocommerce-order-received
.woocommerce-table--order-details tfoot td{
    padding:15px 10px !important;

    border:0 !important;
    border-bottom:1px solid #e4eef5 !important;

    color:#063b70;

    font-size:15px;
}


/* اسم المنتج */
body.woocommerce-order-received
.woocommerce-table__product-name a{
    color:#063b70 !important;

    font-weight:900;
    text-decoration:none;
}


/* أسماء الإجماليات */
body.woocommerce-order-received
.woocommerce-table--order-details tfoot th{
    font-weight:800;
}


/* الإجمالي النهائي */
body.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child td{
    border-bottom:0 !important;

    color:#063b70;

    font-size:18px;
    font-weight:900;
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    body.woocommerce-order-received
    .woocommerce-order-details{
        padding:20px 15px;

        border-radius:18px;
    }

    body.woocommerce-order-received
    .woocommerce-order-details__title{
        margin-bottom:17px !important;

        font-size:20px;
    }

    body.woocommerce-order-received
    .woocommerce-table--order-details thead th,
    body.woocommerce-order-received
    .woocommerce-table--order-details td,
    body.woocommerce-order-received
    .woocommerce-table--order-details tfoot th,
    body.woocommerce-order-received
    .woocommerce-table--order-details tfoot td{
        padding:12px 7px !important;

        font-size:13px;
    }
}
/* =========================================
   ATHAR - HIDE PAYMENT INSTRUCTION
========================================= */

body.woocommerce-order-received
.woocommerce-order > p:not(.woocommerce-thankyou-order-received){
    display:none !important;
}
/* =========================================
   ATHAR - ORDER RECEIVED
   CUSTOMER + SHIPPING - CLEAN FINAL
========================================= */

/* القسم الرئيسي */
body.woocommerce-order-received
.woocommerce-customer-details{
    width:100% !important;
    max-width:100% !important;

    margin:25px 0 0 !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    clear:both !important;
}


/* =========================================
   الحاوية الفعلية للكرتين
========================================= */

body.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-columns--addresses{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:22px !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;
}


/* =========================================
   بيانات العميل + عنوان التوصيل
========================================= */

body.woocommerce-order-received
.woocommerce-columns--addresses
.woocommerce-column{
    float:none !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:27px 30px !important;

    box-sizing:border-box !important;

    background:#fff;

    border:1px solid #dcecf6;
    border-radius:22px;

    box-shadow:0 10px 30px rgba(6,59,112,.06);
}


/* =========================================
   عناوين الكروت
========================================= */

body.woocommerce-order-received
.woocommerce-columns--addresses
.woocommerce-column__title{
    margin:0 0 18px !important;

    color:#063b70;

    font-size:22px;
    font-weight:900;
    line-height:1.4;

    direction:rtl !important;
    text-align:right !important;
}


/* =========================================
   صندوق المعلومات
========================================= */

body.woocommerce-order-received
.woocommerce-columns--addresses
address{
    width:100% !important;
    min-height:175px;

    margin:0 !important;
    padding:20px 22px !important;

    box-sizing:border-box !important;

    background:#f5faff;

    border:1px solid #e1eef7 !important;
    border-radius:15px !important;

    color:#315f84;

    direction:rtl !important;
    text-align:right !important;

    font-size:15px;
    font-style:normal !important;
    font-weight:700;
    line-height:2.15;
}


/* =========================================
   رقم الجوال + البريد
========================================= */

body.woocommerce-order-received
.woocommerce-columns--addresses
.woocommerce-customer-details--phone,
body.woocommerce-order-received
.woocommerce-columns--addresses
.woocommerce-customer-details--email{
    margin:6px 0 0 !important;
    padding:0 !important;

    color:#063b70 !important;

    font-weight:800;
    line-height:1.8;

    direction:ltr !important;
    text-align:right !important;
}


/* =========================================
   TABLET
========================================= */

@media(min-width:701px) and (max-width:1000px){

    body.woocommerce-order-received
    .woocommerce-columns--addresses
    .woocommerce-column{
        padding:22px !important;
    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

    body.woocommerce-order-received
    .woocommerce-customer-details
    .woocommerce-columns--addresses{
        grid-template-columns:1fr !important;
        gap:15px !important;
    }

    body.woocommerce-order-received
    .woocommerce-columns--addresses
    .woocommerce-column{
        padding:20px 16px !important;
        border-radius:18px;
    }

    body.woocommerce-order-received
    .woocommerce-columns--addresses
    .woocommerce-column__title{
        margin-bottom:14px !important;
        font-size:20px;
    }

    body.woocommerce-order-received
    .woocommerce-columns--addresses
    address{
        min-height:0;
        padding:16px !important;

        font-size:14px;
    }

}
/* =========================================
   ATHAR - ORDER SUCCESS FOOTER
========================================= */

body.woocommerce-order-received
.athar-order-success-footer{
    width:100%;

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

    margin:30px 0 0;

    text-align:center;
}


/* زر العودة */
body.woocommerce-order-received
.athar-back-to-shop{
    min-width:230px;
    min-height:54px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    padding:0 28px;

    background:#ffd300;
    color:#063b70 !important;

    border:0;
    border-radius:15px;

    font-size:16px;
    font-weight:900;

    text-decoration:none !important;

    box-shadow:0 8px 20px rgba(255,211,0,.20);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


body.woocommerce-order-received
.athar-back-to-shop:hover{
    transform:translateY(-2px);

    box-shadow:0 11px 25px rgba(255,211,0,.28);
}


/* السهم */
body.woocommerce-order-received
.athar-back-arrow{
    font-size:20px;
    line-height:1;
}


/* رسالة الأمان */
body.woocommerce-order-received
.athar-order-safe{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    margin:14px 0 0;

    color:#71879a;

    font-size:13px;
    font-weight:700;
}


body.woocommerce-order-received
.athar-lock-icon{
    font-size:13px;
}


/* MOBILE */
@media(max-width:600px){

    body.woocommerce-order-received
    .athar-order-success-footer{
        margin-top:22px;
    }

    body.woocommerce-order-received
    .athar-back-to-shop{
        width:100%;
        min-width:0;

        min-height:52px;

        border-radius:14px;

        font-size:15px;
    }

}
/* =========================================
   ATHAR - ORDER SUCCESS ANIMATION EXPERIENCE
========================================= */

/* الصفحة */
body.woocommerce-order-received{
    position:relative;
    overflow-x:hidden;
}


/* =========================================
   SUCCESS CARD - دخول ناعم
========================================= */

body.woocommerce-order-received
.woocommerce-thankyou-order-received{
    animation:atharSuccessEnter .75s cubic-bezier(.2,.8,.2,1) both;
}


/* علامة الصح */
body.woocommerce-order-received
.woocommerce-thankyou-order-received::before{
    animation:atharCheckPop .8s cubic-bezier(.17,.89,.32,1.35) .25s both;
}


/* =========================================
   ORDER OVERVIEW
========================================= */

body.woocommerce-order-received
.woocommerce-order-overview{
    animation:atharCardEnter .7s ease .18s both;
}


/* =========================================
   ORDER DETAILS
========================================= */

body.woocommerce-order-received
.woocommerce-order-details{
    animation:atharCardEnter .75s ease .28s both;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


body.woocommerce-order-received
.woocommerce-order-details:hover{
    transform:translateY(-5px);

    box-shadow:
        0 18px 45px rgba(6,59,112,.10);
}


/* =========================================
   CUSTOMER CARDS
========================================= */

body.woocommerce-order-received
.woocommerce-columns--addresses
.woocommerce-column{
    animation:atharCardEnter .75s ease .38s both;

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease;
}


/* 3D Hover */
body.woocommerce-order-received
.woocommerce-columns--addresses
.woocommerce-column:hover{
    transform:
        perspective(900px)
        translateY(-6px)
        rotateX(1.5deg);

    box-shadow:
        0 20px 45px rgba(6,59,112,.11);
}


/* =========================================
   BUTTON
========================================= */

body.woocommerce-order-received
.athar-order-success-footer{
    animation:atharFooterEnter .8s ease .55s both;
}


body.woocommerce-order-received
.athar-back-to-shop{
    position:relative;
    overflow:hidden;
}


/* لمعة تمر على الزر */
body.woocommerce-order-received
.athar-back-to-shop::before{
    content:"";

    position:absolute;

    top:-40%;
    left:-60%;

    width:35px;
    height:180%;

    background:rgba(255,255,255,.45);

    transform:rotate(25deg);

    animation:atharButtonShine 4s ease-in-out infinite;
}


/* =========================================
   DECORATIONS
========================================= */

/* دائرة زرقاء عائمة */
body.woocommerce-order-received
.woocommerce-order::before{
    content:"";

    position:fixed;

    width:110px;
    height:110px;

    right:-35px;
    top:30%;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            rgba(22,137,221,.16),
            rgba(234,247,255,.08)
        );

    box-shadow:
        inset 8px 8px 18px rgba(255,255,255,.35),
        0 15px 35px rgba(6,59,112,.06);

    pointer-events:none;

    z-index:-1;

    animation:atharFloatOne 6s ease-in-out infinite;
}


/* دائرة صفراء عائمة */
body.woocommerce-order-received
.woocommerce-order::after{
    content:"";

    position:fixed;

    width:70px;
    height:70px;

    left:-20px;
    top:60%;

    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,211,0,.28),
            rgba(255,236,130,.10)
        );

    transform:rotate(25deg);

    box-shadow:
        0 15px 35px rgba(255,211,0,.12);

    pointer-events:none;

    z-index:-1;

    animation:atharFloatTwo 7s ease-in-out infinite;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes atharSuccessEnter{

    0%{
        opacity:0;
        transform:translateY(25px) scale(.98);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }

}


@keyframes atharCheckPop{

    0%{
        opacity:0;
        transform:
            translateX(-50%)
            scale(.3)
            rotate(-15deg);
    }

    65%{
        transform:
            translateX(-50%)
            scale(1.15)
            rotate(4deg);
    }

    100%{
        opacity:1;

        transform:
            translateX(-50%)
            scale(1)
            rotate(0);
    }

}


@keyframes atharCardEnter{

    0%{
        opacity:0;
        transform:translateY(28px);
    }

    100%{
        opacity:1;
        transform:translateY(0);
    }

}


@keyframes atharFooterEnter{

    0%{
        opacity:0;
        transform:translateY(20px);
    }

    100%{
        opacity:1;
        transform:translateY(0);
    }

}


@keyframes atharFloatOne{

    0%,100%{
        transform:
            translateY(0)
            rotate(0);
    }

    50%{
        transform:
            translateY(-20px)
            rotate(8deg);
    }

}


@keyframes atharFloatTwo{

    0%,100%{
        transform:
            translateY(0)
            rotate(25deg);
    }

    50%{
        transform:
            translateY(18px)
            rotate(35deg);
    }

}


@keyframes atharButtonShine{

    0%,65%{
        left:-60%;
    }

    85%,100%{
        left:130%;
    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

    body.woocommerce-order-received
    .woocommerce-order::before{
        width:65px;
        height:65px;
        right:-30px;
    }

    body.woocommerce-order-received
    .woocommerce-order::after{
        width:48px;
        height:48px;
        left:-25px;
    }

    /* بدون 3D قوي على الموبايل */
    body.woocommerce-order-received
    .woocommerce-columns--addresses
    .woocommerce-column:hover{
        transform:translateY(-3px);
    }

}


/* احترام إعداد تقليل الحركة */
@media(prefers-reduced-motion:reduce){

    body.woocommerce-order-received *{
        animation:none !important;
        transition:none !important;
    }

}
/* =========================================
   ATHAR - FLOATING 3D DECORATIONS
========================================= */

body.woocommerce-order-received{
    position:relative;
    overflow-x:hidden;
}


/* طبقة الزينة */
body.woocommerce-order-received
.athar-success-decor{
    position:fixed;
    inset:0;

    width:100%;
    height:100%;

    overflow:hidden;

    pointer-events:none;
    z-index:1;
}


/* المحتوى فوق الزينة */
body.woocommerce-order-received
.woocommerce-order{
    position:relative;
    z-index:2;
}


/* =========================================
   BOOK
========================================= */

.athar-book{
    position:absolute;

    width:100px;
    height:72px;

    transform-style:preserve-3d;

    filter:drop-shadow(0 15px 13px rgba(6,59,112,.15));
}


.athar-book-cover{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            145deg,
            #38a5f4,
            #0d6fc2
        );

    border-radius:12px 18px 18px 10px;

    transform:rotate(-8deg);

    box-shadow:
        inset 7px 7px 12px rgba(255,255,255,.20),
        inset -6px -8px 12px rgba(0,54,110,.14);
}


.athar-book-pages{
    position:absolute;

    width:82px;
    height:43px;

    right:5px;
    bottom:-7px;

    background:
        repeating-linear-gradient(
            0deg,
            #fff 0px,
            #fff 5px,
            #d9ebf7 6px
        );

    border-radius:4px 13px 13px 5px;

    transform:rotate(-8deg);

    box-shadow:
        0 7px 15px rgba(6,59,112,.12);

    z-index:-1;
}


/* الكتاب الأول */
.athar-book-one{
    left:4%;
    top:24%;

    transform:rotate(-16deg);

    animation:
        atharFloatBookOne 5s ease-in-out infinite;
}


/* الكتاب الثاني */
.athar-book-two{
    right:3%;
    top:64%;

    transform:rotate(18deg) scale(.85);

    animation:
        atharFloatBookTwo 6.5s ease-in-out infinite;
}


/* =========================================
   PENCIL
========================================= */

.athar-pencil{
    position:absolute;

    width:145px;
    height:28px;

    right:3%;
    top:31%;

    transform:rotate(-42deg);

    filter:
        drop-shadow(0 12px 10px rgba(6,59,112,.14));

    animation:
        atharPencilFloat 5.5s ease-in-out infinite;
}


.athar-pencil-body{
    position:absolute;

    width:115px;
    height:28px;

    right:0;

    border-radius:7px;

    background:
        linear-gradient(
            180deg,
            #ffe05b,
            #ffd300 55%,
            #e8b900
        );

    box-shadow:
        inset 0 5px 5px rgba(255,255,255,.28),
        inset 0 -5px 6px rgba(154,113,0,.10);
}


.athar-pencil-body::after{
    content:"";

    position:absolute;

    right:0;
    top:0;

    width:20px;
    height:28px;

    border-radius:0 7px 7px 0;

    background:#1689dd;
}


.athar-pencil-tip{
    position:absolute;

    left:1px;
    top:1px;

    width:0;
    height:0;

    border-top:13px solid transparent;
    border-bottom:13px solid transparent;
    border-right:30px solid #e8c18d;
}


.athar-pencil-tip::after{
    content:"";

    position:absolute;

    left:20px;
    top:-5px;

    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:10px solid #263746;
}


/* =========================================
   STARS
========================================= */

.athar-star{
    position:absolute;

    color:#ffd300;

    font-size:35px;

    line-height:1;

    text-shadow:
        0 5px 0 #e6b800,
        0 10px 15px rgba(255,211,0,.18);
}


.athar-star-one{
    left:10%;
    top:48%;

    animation:
        atharStarFloat 4.5s ease-in-out infinite;
}


.athar-star-two{
    right:9%;
    top:18%;

    font-size:27px;

    animation:
        atharStarFloat 5.5s ease-in-out infinite reverse;
}


.athar-star-three{
    right:13%;
    top:77%;

    font-size:22px;

    animation:
        atharStarFloat 4s ease-in-out infinite;
}


/* =========================================
   BLUE BALLS
========================================= */

.athar-ball{
    position:absolute;

    width:22px;
    height:22px;

    border-radius:50%;

    background:
        radial-gradient(
            circle at 30% 25%,
            #9bd7ff,
            #1689dd 55%,
            #075ca5
        );

    box-shadow:
        0 8px 15px rgba(22,137,221,.20);
}


.athar-ball-one{
    left:13%;
    top:67%;

    animation:
        atharBallFloat 5s ease-in-out infinite;
}


.athar-ball-two{
    right:14%;
    top:48%;

    width:15px;
    height:15px;

    animation:
        atharBallFloat 4s ease-in-out infinite reverse;
}


.athar-ball-three{
    left:7%;
    top:16%;

    width:13px;
    height:13px;

    animation:
        atharBallFloat 6s ease-in-out infinite;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes atharFloatBookOne{

    0%,100%{
        transform:
            translateY(0)
            rotate(-16deg);
    }

    50%{
        transform:
            translateY(-18px)
            rotate(-10deg);
    }
}


@keyframes atharFloatBookTwo{

    0%,100%{
        transform:
            translateY(0)
            rotate(18deg)
            scale(.85);
    }

    50%{
        transform:
            translateY(18px)
            rotate(24deg)
            scale(.88);
    }
}


@keyframes atharPencilFloat{

    0%,100%{
        transform:
            translateY(0)
            rotate(-42deg);
    }

    50%{
        transform:
            translateY(-20px)
            rotate(-36deg);
    }
}


@keyframes atharStarFloat{

    0%,100%{
        transform:
            translateY(0)
            rotate(-8deg)
            scale(1);
    }

    50%{
        transform:
            translateY(-12px)
            rotate(8deg)
            scale(1.08);
    }
}


@keyframes atharBallFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-17px);
    }
}


/* =========================================
   TABLET
========================================= */

@media(max-width:1100px){

    .athar-book{
        transform:scale(.72);
    }

    .athar-pencil{
        transform:
            rotate(-42deg)
            scale(.75);
    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

    /* نخفي العناصر الكبيرة */
    .athar-book,
    .athar-pencil{
        display:none;
    }

    .athar-star-one{
        left:3%;
        top:27%;
    }

    .athar-star-two{
        right:3%;
        top:17%;
    }

    .athar-star-three{
        display:none;
    }

    .athar-ball-one{
        left:5%;
    }

    .athar-ball-two{
        right:4%;
    }

}
/* =========================================
   ATHAR - ORDER RECEIVED
   HIDE HEADER + FOOTER
========================================= */

body.woocommerce-order-received header,
body.woocommerce-order-received footer{
    display:none !important;
}
/* =========================================
   ATHAR - SUCCESS AMBIENT BACKGROUND
========================================= */

body.woocommerce-order-received{
    min-height:100vh;
    position:relative;

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(22,137,221,.10),
            transparent 24%
        ),
        radial-gradient(
            circle at 88% 72%,
            rgba(255,211,0,.10),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #f7fcff 0%,
            #eef8ff 50%,
            #f8fcff 100%
        ) !important;

    background-size:
        130% 130%,
        130% 130%,
        100% 100%;

    animation:atharAmbientBackground 12s ease-in-out infinite alternate;
}


/* مساحة مريحة للصفحة بعد حذف Header/Footer */
body.woocommerce-order-received
.woocommerce-order{
    padding-top:45px;
    padding-bottom:55px;
}


/* حركة الخلفية */
@keyframes atharAmbientBackground{

    0%{
        background-position:
            0% 0%,
            100% 100%,
            center;
    }

    100%{
        background-position:
            8% 7%,
            92% 92%,
            center;
    }

}


/* MOBILE */
@media(max-width:700px){

    body.woocommerce-order-received
    .woocommerce-order{
        padding-top:25px;
        padding-bottom:35px;
    }

}


/* احترام إعداد تقليل الحركة */
@media(prefers-reduced-motion:reduce){

    body.woocommerce-order-received{
        animation:none !important;
    }

}
/* =========================================
   ATHAR - SUCCESS CONFETTI
========================================= */

.athar-confetti{
    position:fixed;
    top:300px;
    left:50%;

    width:1px;
    height:1px;

    z-index:3;
    pointer-events:none;
}


/* القطع */
.athar-confetti i{
    position:absolute;

    width:8px;
    height:15px;

    border-radius:3px;

    opacity:0;

    background:#ffd300;

    animation:atharConfettiBurst 1.5s ease-out forwards;
}


/* ألوان */
.athar-confetti i:nth-child(3n){
    background:#1689dd;
}

.athar-confetti i:nth-child(3n + 1){
    background:#ffd300;
}

.athar-confetti i:nth-child(3n + 2){
    background:#35b96f;
}


/* اتجاه كل قطعة */

.athar-confetti i:nth-child(1){ --x:-150px; --y:-70px; --r:160deg; }
.athar-confetti i:nth-child(2){ --x:-120px; --y:40px;  --r:240deg; }
.athar-confetti i:nth-child(3){ --x:-95px;  --y:-110px; --r:300deg; }
.athar-confetti i:nth-child(4){ --x:-65px;  --y:80px;  --r:180deg; }

.athar-confetti i:nth-child(5){ --x:-35px; --y:-100px; --r:260deg; }
.athar-confetti i:nth-child(6){ --x:35px;  --y:-105px; --r:190deg; }

.athar-confetti i:nth-child(7){ --x:65px;  --y:75px;  --r:310deg; }
.athar-confetti i:nth-child(8){ --x:95px;  --y:-100px; --r:210deg; }
.athar-confetti i:nth-child(9){ --x:125px; --y:35px;  --r:280deg; }
.athar-confetti i:nth-child(10){ --x:155px; --y:-65px; --r:220deg; }

.athar-confetti i:nth-child(11){ --x:-175px; --y:10px; --r:290deg; }
.athar-confetti i:nth-child(12){ --x:175px;  --y:5px;  --r:170deg; }
.athar-confetti i:nth-child(13){ --x:-80px; --y:110px; --r:250deg; }
.athar-confetti i:nth-child(14){ --x:80px;  --y:110px; --r:330deg; }


@keyframes atharConfettiBurst{

    0%{
        opacity:0;
        transform:
            translate(-50%,0)
            scale(.4)
            rotate(0);
    }

    15%{
        opacity:1;
    }

    75%{
        opacity:1;
    }

    100%{
        opacity:0;

        transform:
            translate(
                calc(-50% + var(--x)),
                var(--y)
            )
            scale(1)
            rotate(var(--r));
    }
}


/* الموبايل: انفجار أصغر */
@media(max-width:700px){

    .athar-confetti{
        top:230px;
    }

    .athar-confetti i{
        width:6px;
        height:11px;
    }
}
/* =========================================
   ATHAR CHECKOUT - FULL WIDTH HEADER/FOOTER
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received){
    overflow-x:hidden;
}

/* Header */
body.woocommerce-checkout:not(.woocommerce-order-received) .site-header{
    width:100vw !important;
    max-width:none !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
}

/* Footer */
body.woocommerce-checkout:not(.woocommerce-order-received) .site-footer{
    width:100vw !important;
    max-width:none !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
}
/* =========================================
   ATHAR CHECKOUT - PAGE SPACING
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
main{
    padding-top:0 !important;
}

/* =========================================
   ATHAR CHECKOUT - REMOVE LARGE TOP GAP
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wp-block-woocommerce-checkout{
    margin-top:0 !important;
}


/* تقليل الفراغ قبل checkout */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-checkout{
    margin-top:0 !important;
    padding-top:0 !important;
}


/* تقريب منطقة الطلب للأعلى */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wp-block-woocommerce-checkout
.wc-block-components-main{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* منطقة Checkout */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-checkout{
    width:min(900px, calc(100% - 40px)) !important;
    max-width:900px !important;

    margin-left:auto !important;
    margin-right:auto !important;
}
/* =========================================
   ATHAR - CHECKOUT PROGRESS
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-checkout-progress{
    direction:rtl;

    width:min(760px, calc(100% - 40px));

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

    margin:18px auto 30px;
}


/* STEP */
body.woocommerce-checkout
.athar-progress-step{
    width:145px;

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

    position:relative;
    z-index:2;

    text-align:center;
}


/* ICON */
body.woocommerce-checkout
.athar-progress-icon{
    width:50px;
    height:50px;

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

    margin-bottom:8px;

    background:#edf8ff;

    border:2px solid #bfe2fa;
    border-radius:50%;

    color:#1689dd;

    box-shadow:
        0 6px 16px rgba(6,59,112,.07);
}


body.woocommerce-checkout
.athar-progress-icon svg{
    width:24px;
    height:24px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* CURRENT STEP */
body.woocommerce-checkout
.athar-progress-step.is-current
.athar-progress-icon{
    background:#ffd300;
    border-color:#ffd300;

    color:#063b70;

    box-shadow:
        0 8px 20px rgba(255,211,0,.25);
}


/* TEXT */
body.woocommerce-checkout
.athar-progress-text{
    display:flex;
    flex-direction:column;
    gap:2px;
}


body.woocommerce-checkout
.athar-progress-text strong{
    color:#063b70;

    font-size:15px;
    font-weight:900;
}


body.woocommerce-checkout
.athar-progress-text span{
    color:#71879a;

    font-size:11px;
    font-weight:700;
}


/* completed check */
body.woocommerce-checkout
.athar-progress-step.is-done
.athar-progress-text span{
    color:#52718c;
}


/* LINE */
body.woocommerce-checkout
.athar-progress-line{
    flex:1;

    max-width:145px;
    height:2px;

    margin-top:25px;

    background:linear-gradient(
        90deg,
        #1689dd,
        #61b9f4
    );

    position:relative;
}


/* النقطة على الخط */
body.woocommerce-checkout
.athar-progress-line::after{
    content:"";

    position:absolute;
    left:50%;
    top:50%;

    width:10px;
    height:10px;

    transform:translate(-50%,-50%);

    background:#1689dd;

    border-radius:50%;
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-checkout-progress{
        width:calc(100% - 24px);

        margin:15px auto 24px;
    }


    body.woocommerce-checkout
    .athar-progress-step{
        width:92px;
    }


    body.woocommerce-checkout
    .athar-progress-icon{
        width:42px;
        height:42px;
    }


    body.woocommerce-checkout
    .athar-progress-icon svg{
        width:20px;
        height:20px;
    }


    body.woocommerce-checkout
    .athar-progress-text strong{
        font-size:12px;
    }


    body.woocommerce-checkout
    .athar-progress-text span{
        font-size:9px;
    }


    body.woocommerce-checkout
    .athar-progress-line{
        margin-top:21px;
    }

}
/* =========================================
   ATHAR - CHECKOUT ORDER SUMMARY
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary{
    direction:rtl;

    overflow:hidden;

    background:#fff !important;

    border:1px solid #d9e9f4 !important;
    border-radius:22px !important;

    box-shadow:0 12px 35px rgba(6,59,112,.07);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


/* عنوان ملخص الطلب */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__title{
    padding:21px 22px !important;

    background:#fff;

    border-bottom:1px solid #e1edf5 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__title-text{
    color:#063b70 !important;

    font-size:21px !important;
    font-weight:900 !important;
}


/* صفوف الإجمالي */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-totals-item{
    color:#063b70;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-totals-item__label{
    color:#315f84;

    font-weight:800;
}


/* الإجمالي النهائي */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-totals-footer-item{
    padding-top:17px !important;
    padding-bottom:17px !important;

    border-top:1px solid #dceaf3;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label,

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value{
    color:#063b70 !important;

    font-size:19px !important;
    font-weight:900 !important;
}


/* =========================================
   BENEFITS
========================================= */

body.woocommerce-checkout
.athar-checkout-benefits{
    display:grid;

    grid-template-columns:1fr;

    gap:0;

    padding:7px 18px 12px;

    background:#f8fcff;

    border-top:1px solid #dceaf3;
}


body.woocommerce-checkout
.athar-benefit{
    display:flex;
    align-items:center;

    gap:12px;

    padding:14px 3px;

    border-bottom:1px solid #e4eff6;
}


body.woocommerce-checkout
.athar-benefit:last-child{
    border-bottom:0;
}


/* ICON */
body.woocommerce-checkout
.athar-benefit-icon{
    flex:0 0 40px;

    width:40px;
    height:40px;

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

    background:#e9f7ff;

    border-radius:12px;

    color:#1689dd;
}


body.woocommerce-checkout
.athar-benefit-icon svg{
    width:21px;
    height:21px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* TEXT */
body.woocommerce-checkout
.athar-benefit > span:last-child{
    display:flex;
    flex-direction:column;

    text-align:right;
}


body.woocommerce-checkout
.athar-benefit strong{
    color:#063b70;

    font-size:14px;
    font-weight:900;
}


body.woocommerce-checkout
.athar-benefit small{
    margin-top:2px;

    color:#7890a3;

    font-size:11px;
    font-weight:600;
}


/* =========================================
   STICKY DESKTOP
========================================= */

@media(min-width:901px){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .wc-block-checkout__sidebar{
        align-self:start;
        position:sticky !important;
        top:25px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

    body.woocommerce-checkout
    .athar-checkout-benefits{
        padding:5px 14px 10px;
    }

    body.woocommerce-checkout
    .athar-benefit{
        padding:12px 2px;
    }

    body.woocommerce-checkout
    .athar-benefit-icon{
        width:37px;
        height:37px;
        flex-basis:37px;
    }

}
/* =========================================
   ATHAR - SUMMARY FINAL FIX
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__content{
    direction:rtl;
}


/* المزايا آخر الملخص */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__content
.athar-checkout-benefits{
    margin-top:0;
}


/* النص */
body.woocommerce-checkout
.athar-benefit-text{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    text-align:right;
}


/* تأكيد ترجمة الإجماليات بصريًا */
body.woocommerce-checkout
.wc-block-components-checkout-order-summary__content
.wc-block-components-totals-item{
    direction:rtl;
}


/* لا نخلي المزايا تدخل ضمن borders الافتراضية */
body.woocommerce-checkout
.athar-checkout-benefits{
    box-sizing:border-box;
    width:100%;
}
/* =========================================
   ATHAR - CHECKOUT RTL DETAILS
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-checkout__main{
    direction:rtl;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-step__title{
    color:#063b70;
    font-weight:900;
}

/* رابط تعديل العنوان */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-address-card__edit{
    color:#1689dd !important;
    font-weight:800 !important;
}

/* Same billing + note */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkbox{
    direction:rtl;
}

/* خيارات الشحن */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-radio-control{
    direction:rtl;
}
/* =========================================
   ATHAR - CUSTOMER CARD
   SAME STYLE AS ORDER SUMMARY
========================================= */

/* الكرت الرئيسي لبيانات العميل */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-checkout__main
.wc-block-checkout__form{

    background:#fff !important;

    border:1px solid #cbdbe8 !important;
    border-radius:4px !important;

    box-shadow:none !important;

    overflow:hidden !important;

    padding:0 !important;
}


/* إزالة الحواف الدائرية الكبيرة من الأقسام */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-checkout__form
.wc-block-components-checkout-step{

    border-radius:0 !important;
    box-shadow:none !important;
}


/* بيانات العميل */
body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields{

    border-radius:0 !important;
}


/* عنوان التوصيل */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields{

    border-radius:0 !important;
}


/* حقل الإيميل */
body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields
.wc-block-components-text-input input{

    border-radius:4px !important;

    border:1px solid #d3e0ea !important;

    box-shadow:none !important;
}


/* صندوق العنوان */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields
.wc-block-components-address-card{

    border-radius:4px !important;

    border:1px solid #d3e0ea !important;

    box-shadow:none !important;
}


/* خيارات التوصيل */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-option
.wc-block-components-radio-control__option{

    border-radius:4px !important;
}


/* خيارات الدفع */
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__option{

    border-radius:4px !important;
}
/* =========================================
   ATHAR CHECKOUT
   INNER CONTENT - FINAL POLISH
========================================= */

/* ---------- عناوين الأقسام ---------- */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-checkout__form
.wc-block-components-checkout-step__title{
    color:#063b70 !important;
    font-size:22px !important;
    line-height:1.3 !important;
    font-weight:900 !important;
    text-align:center !important;
}


/* ---------- بيانات العميل / البريد ---------- */

body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields{
    padding:25px 20px 22px !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields
.wc-block-components-text-input{
    margin:18px 0 0 !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields
.wc-block-components-text-input input{
    min-height:52px !important;
    padding:20px 15px 7px !important;

    background:#fff !important;
    border:1px solid #d8e5ef !important;
    border-radius:4px !important;

    color:#063b70 !important;
    box-shadow:none !important;
}


/* ---------- عنوان التوصيل ---------- */

body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields{
    padding:25px 20px !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields
.wc-block-components-address-form{
    gap:10px !important;
}


/* جميع الحقول */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields
.wc-block-components-text-input input,

body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields
.wc-blocks-components-select__container{
    min-height:50px !important;

    background:#fff !important;

    border:1px solid #d8e5ef !important;
    border-radius:4px !important;

    box-shadow:none !important;
}


/* بطاقة العنوان بعد الحفظ */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields
.wc-block-components-address-card{
    padding:16px 18px !important;

    background:#f8fbfe !important;

    border:1px solid #d8e5ef !important;
    border-radius:4px !important;

    box-shadow:none !important;
}


/* =========================================
   ATHAR - SHIPPING OPTION CLEAN ROW
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-option{
    padding:25px 20px !important;
}


/* صف التوصيل */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-option
.wc-block-components-radio-control__option{

    position:relative !important;

    width:100% !important;
    min-height:64px !important;

    margin:16px 0 0 !important;
    padding:0 58px 0 18px !important;

    display:flex !important;
    align-items:center !important;

    box-sizing:border-box !important;

    background:#f8fbfe !important;

    border:1px solid #d8e5ef !important;
    border-radius:4px !important;

    box-shadow:none !important;
}


/* نخفي الـ radio لأنه يوجد خيار توصيل واحد */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-option
.wc-block-components-radio-control__input{
    position:absolute !important;

    width:1px !important;
    height:1px !important;

    opacity:0 !important;
    pointer-events:none !important;
}


/* ترتيب المحتوى */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-option
.wc-block-components-radio-control__option-layout{

    width:100% !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-option
.wc-block-components-radio-control__label-group{

    width:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:15px !important;
}


/* رسوم التوصيل */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-option
.wc-block-components-radio-control__label{

    color:#063b70 !important;

    font-size:15px !important;
    font-weight:800 !important;
}


/* السعر */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-option
.wc-block-components-radio-control__secondary-label{

    margin:0 !important;

    color:#063b70 !important;

    font-size:14px !important;
    font-weight:800 !important;
}


/* أيقونة الشاحنة */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-option
.wc-block-components-radio-control__option::before{

    content:"" !important;

    position:absolute !important;

    right:15px !important;
    top:50% !important;

    width:30px !important;
    height:30px !important;

    transform:translateY(-50%) !important;

    border-radius:8px !important;

    background-color:#eaf7ff !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231689dd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3z'/%3E%3Cpath d='M14 9h4l3 3v4h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E") !important;

    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:18px !important;
}


/* ---------- طريقة الدفع ---------- */

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method{
    padding:25px 20px !important;
}


/* كل خيار دفع */
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control-accordion-option{
    position:relative !important;

    margin:12px 0 !important;

    overflow:hidden !important;

    background:#fff !important;

    border:1px solid #d8e5ef !important;
    border-radius:4px !important;

    box-shadow:none !important;
}


/* الـ label */
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__option{
    min-height:68px !important;

    margin:0 !important;
    padding:17px 55px 17px 18px !important;

    display:flex !important;
    align-items:center !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
}


/* أيقونة الدفع */
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control-accordion-option::before{
    content:"";

    position:absolute;
    right:15px;
    top:20px;

    width:28px;
    height:28px;

    z-index:2;

    border-radius:8px;

    background-color:#eaf7ff;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231689dd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M7 15h3'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:center;
    background-size:18px;
}


/* الخيار المحدد */
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control-accordion-option--checked-option-highlighted{
    background:#f3fbf7 !important;

    border-color:#35b96f !important;
}


/* وصف الدفع */
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control-accordion-content{
    margin:0 !important;

    padding:0 55px 16px 18px !important;

    color:#52718c !important;

    font-size:13px !important;
    line-height:1.7 !important;
}


/* ---------- الخطوط الفاصلة مثل ملخص الطلب ---------- */

body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields,
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields,
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-option,
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method{
    border-bottom:1px solid #dce8f1 !important;
}


/* ---------- Mobile ---------- */

@media(max-width:700px){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    #contact-fields,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    #shipping-fields,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    #shipping-option,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    #payment-method{
        padding-left:15px !important;
        padding-right:15px !important;
    }

}
/* =========================================
   ATHAR CHECKOUT
   CUSTOMER TOP AREA - COMPACT
========================================= */

/* بيانات العميل */
body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields{
    padding:22px 20px !important;
    margin:0 !important;
}

/* عنوان التوصيل */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields{
    padding:22px 20px !important;
    margin:0 !important;
}


/* عناوين بيانات العميل + عنوان التوصيل */
body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields .wc-block-components-checkout-step__heading-container,

body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields .wc-block-components-checkout-step__heading-container{
    margin:0 0 16px !important;
    padding:0 !important;
}


/* نفس شكل عنوان ملخص الطلب */
body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields .wc-block-components-checkout-step__title,

body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields .wc-block-components-checkout-step__title{
    margin:0 !important;

    color:#063b70 !important;

    font-size:22px !important;
    line-height:1.3 !important;
    font-weight:900 !important;

    text-align:center !important;
}


/* =========================================
   EMAIL ROW
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields .wc-block-components-checkout-step__content{
    margin:0 !important;
    padding:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields .wc-block-components-text-input{
    margin:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields .wc-block-components-text-input input{
    height:52px !important;
    min-height:52px !important;

    background:#f8fbfe !important;

    border:1px solid #d8e5ef !important;
    border-radius:4px !important;

    box-shadow:none !important;
}


/* =========================================
   SHIPPING ADDRESS CARD
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields .wc-block-components-address-card-wrapper{
    margin:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields .wc-block-components-address-card{
    min-height:72px !important;

    padding:14px 17px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    background:#f8fbfe !important;

    border:1px solid #d8e5ef !important;
    border-radius:4px !important;

    box-sizing:border-box !important;

    box-shadow:none !important;
}


/* بيانات العنوان */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields .wc-block-components-address-card address{
    margin:0 !important;

    color:#063b70 !important;

    font-size:14px !important;
    line-height:1.65 !important;

    text-align:right !important;
}


/* الاسم */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields
.wc-block-components-address-card__address-section--primary{
    font-weight:800 !important;
}


/* العنوان */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields
.wc-block-components-address-card__address-section--secondary{
    color:#52718c !important;
}


/* Edit */
body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields
.wc-block-components-address-card__edit{
    color:#1689dd !important;

    font-size:13px !important;
    font-weight:900 !important;
}


/* =========================================
   BILLING CHECKBOX
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields
.wc-block-checkout__use-address-for-billing{
    margin:14px 0 0 !important;
    padding:0 !important;

    color:#52718c !important;

    font-size:13px !important;
}


/* =========================================
   REMOVE EXCESS VERTICAL SPACE
========================================= */

body.woocommerce-checkout:not(.woocommerce-order-received)
#contact-fields
.wc-block-components-checkout-step__content,

body.woocommerce-checkout:not(.woocommerce-order-received)
#shipping-fields
.wc-block-components-checkout-step__content{
    margin-bottom:0 !important;
}


/* MOBILE */
@media(max-width:700px){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    #contact-fields,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    #shipping-fields{
        padding:18px 15px !important;
    }

}
/* =========================================================
   ATHAR CHECKOUT - FINAL APPROVED DESIGN
========================================================= */

body.woocommerce-checkout:not(.woocommerce-order-received){
    --athar-navy:#063b70;
    --athar-blue:#1689dd;
    --athar-border:#d9e7f1;
    --athar-soft:#f7fbfe;
    --athar-green:#35b96f;
}


/* =========================================
   MAIN LAYOUT
========================================= */

body.woocommerce-checkout
.wc-block-components-sidebar-layout{
    display:block !important;

    width:min(1100px, calc(100% - 40px)) !important;
    max-width:1100px !important;

    margin:0 auto !important;
}


/* المنطقة العلوية */
body.woocommerce-checkout
.athar-checkout-top-area{
    display:grid;

    grid-template-columns:minmax(0,1fr) minmax(0,1fr);

    gap:24px;

    align-items:stretch;
}


/* =========================================
   BOTH TOP CARDS
========================================= */

body.woocommerce-checkout
.athar-customer-card,

body.woocommerce-checkout
.athar-checkout-top-area
.wc-block-checkout__sidebar{
    width:100% !important;
    max-width:none !important;

    min-height:590px;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:1px solid var(--athar-border) !important;
    border-radius:20px !important;

    box-shadow:0 8px 28px rgba(6,59,112,.045) !important;

    overflow:hidden !important;
}


/* ملخص الطلب */
body.woocommerce-checkout
.athar-checkout-top-area
.wc-block-checkout__sidebar{
    align-self:stretch !important;
}


/* =========================================
   CUSTOMER SECTIONS
========================================= */

body.woocommerce-checkout
.athar-customer-card
#contact-fields,

body.woocommerce-checkout
.athar-customer-card
#shipping-fields,

body.woocommerce-checkout
.athar-customer-card
#shipping-option{
    width:100% !important;

    margin:0 !important;

    padding:24px 26px !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:0 !important;
    border-bottom:1px solid #e1ecf4 !important;

    border-radius:0 !important;

    box-shadow:none !important;
}


body.woocommerce-checkout
.athar-customer-card
#shipping-option{
    border-bottom:0 !important;
}


/* =========================================
   TITLES
========================================= */

body.woocommerce-checkout
.athar-customer-card
.wc-block-components-checkout-step__heading-container{
    margin:0 0 17px !important;
}


body.woocommerce-checkout
.athar-customer-card
.wc-block-components-checkout-step__title{
    margin:0 !important;

    color:var(--athar-navy) !important;

    font-size:23px !important;
    line-height:1.3 !important;

    font-weight:900 !important;

    text-align:right !important;
}


/* =========================================
   EMAIL
========================================= */

body.woocommerce-checkout
.athar-customer-card
#contact-fields
.wc-block-components-text-input input{
    min-height:52px !important;

    background:#fff !important;

    border:1px solid var(--athar-border) !important;
    border-radius:12px !important;

    box-shadow:none !important;
}


/* =========================================
   SHIPPING ADDRESS
========================================= */

body.woocommerce-checkout
.athar-customer-card
.wc-block-components-address-card{
    position:relative;

    min-height:78px;

    padding:16px 18px !important;

    box-sizing:border-box;

    background:var(--athar-soft) !important;

    border:1px solid var(--athar-border) !important;
    border-radius:12px !important;

    box-shadow:none !important;
}


body.woocommerce-checkout
.athar-customer-card
.wc-block-components-address-card address{
    padding-left:65px;

    color:#315f84;

    direction:rtl;
    text-align:right;

    font-style:normal;
    line-height:1.7;
}


/* تعديل */
body.woocommerce-checkout
.athar-customer-card
.wc-block-components-address-card__edit{
    position:absolute;

    left:17px;
    right:auto;

    top:50%;

    transform:translateY(-50%);

    color:var(--athar-blue) !important;

    font-size:13px;
    font-weight:900;

    cursor:pointer;
}


/* =========================================
   EDIT ADDRESS FORM
========================================= */

body.woocommerce-checkout
.athar-customer-card
#shipping-fields
.wc-block-components-address-form{
    display:grid !important;

    grid-template-columns:1fr 1fr !important;

    gap:10px !important;
}


body.woocommerce-checkout
.athar-customer-card
#shipping-fields
.wc-block-components-address-form__first_name,

body.woocommerce-checkout
.athar-customer-card
#shipping-fields
.wc-block-components-address-form__country,

body.woocommerce-checkout
.athar-customer-card
#shipping-fields
.wc-block-components-address-form__address_1,

body.woocommerce-checkout
.athar-customer-card
#shipping-fields
.wc-block-components-address-form__address_2{
    grid-column:1 / -1 !important;
}


body.woocommerce-checkout
.athar-customer-card
#shipping-fields input,

body.woocommerce-checkout
.athar-customer-card
#shipping-fields
.wc-blocks-components-select__container{
    min-height:48px !important;

    border-radius:10px !important;

    box-shadow:none !important;
}


/* =========================================
   SHIPPING OPTION
========================================= */

body.woocommerce-checkout
.athar-customer-card
#shipping-option
.wc-block-components-radio-control{
    overflow:hidden;

    background:var(--athar-soft);

    border:1px solid var(--athar-border);
    border-radius:12px;
}


body.woocommerce-checkout
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__option{
    min-height:64px !important;

    margin:0 !important;

    padding:15px 18px !important;

    border:0 !important;

    background:transparent !important;
}


/* ترتيب الاسم والسعر */
body.woocommerce-checkout
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__label-group{
    width:100%;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;
}


body.woocommerce-checkout
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__label,

body.woocommerce-checkout
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__secondary-label{
    color:var(--athar-navy) !important;

    font-weight:800 !important;
}


/* =========================================
   PAYMENT CARD
========================================= */

body.woocommerce-checkout
.athar-payment-card{
    width:100%;

    margin:24px 0 0;

    padding:30px;

    box-sizing:border-box;

    background:#fff;

    border:1px solid var(--athar-border);
    border-radius:20px;

    box-shadow:0 8px 28px rgba(6,59,112,.045);
}


/* طريقة الدفع */
body.woocommerce-checkout
.athar-payment-card
#payment-method{
    margin:0 !important;

    padding:0 0 24px !important;

    background:transparent !important;

    border:0 !important;
    border-bottom:1px solid #e1ecf4 !important;

    border-radius:0 !important;

    box-shadow:none !important;
}


body.woocommerce-checkout
.athar-payment-card
#payment-method
.wc-block-components-checkout-step__title{
    margin:0 0 22px !important;

    color:var(--athar-navy) !important;

    font-size:24px !important;
    font-weight:900 !important;

    text-align:right !important;
}


/* خيارات الدفع */
body.woocommerce-checkout
.athar-payment-card
.wc-block-components-radio-control{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:14px;
}


body.woocommerce-checkout
.athar-payment-card
.wc-block-components-radio-control-accordion-option{
    margin:0 !important;

    overflow:hidden;

    background:#fff;

    border:1px solid var(--athar-border) !important;
    border-radius:13px !important;
}


body.woocommerce-checkout
.athar-payment-card
.wc-block-components-radio-control-accordion-option--checked-option-highlighted{
    background:#f3fbf7 !important;

    border-color:var(--athar-green) !important;
}


body.woocommerce-checkout
.athar-payment-card
.wc-block-components-radio-control__option{
    min-height:62px;

    margin:0 !important;

    padding:15px 16px !important;

    border:0 !important;
}


/* وصف الدفع */
body.woocommerce-checkout
.athar-payment-card
.wc-block-components-radio-control-accordion-content{
    padding:0 16px 16px !important;

    color:#52718c;

    font-size:13px;
}


/* =========================================
   NOTE + TERMS
========================================= */

body.woocommerce-checkout
.athar-payment-card
#order-notes,

body.woocommerce-checkout
.athar-payment-card
.wc-block-checkout__terms{
    margin:0 !important;

    padding:18px 0 !important;

    background:transparent !important;

    border:0 !important;
    border-bottom:1px solid #e1ecf4 !important;

    box-shadow:none !important;
}


/* =========================================
   ACTION BUTTONS
========================================= */

body.woocommerce-checkout
.athar-payment-card
.wc-block-checkout__actions{
    width:100%;

    margin:0 !important;

    padding:24px 0 0 !important;

    background:transparent !important;
}


body.woocommerce-checkout
.athar-payment-card
.wc-block-checkout__actions_row{
    width:100% !important;

    display:flex !important;
    flex-direction:column !important;

    gap:11px !important;
}


/* إتمام الطلب */
body.woocommerce-checkout
.athar-payment-card
.wc-block-components-checkout-place-order-button{
    width:100% !important;

    min-height:54px !important;

    border:0 !important;
    border-radius:12px !important;

    background:var(--athar-navy) !important;

    color:#fff !important;

    font-weight:900 !important;
}


/* WhatsApp */
body.woocommerce-checkout
.athar-payment-card
.athar-whatsapp-order-button{
    width:100% !important;

    min-height:54px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    margin:0 !important;

    border:0 !important;
    border-radius:12px !important;

    background:#25d366 !important;

    color:#fff !important;

    font-weight:900 !important;
}


/* =========================================
   OLD MAIN
========================================= */

body.woocommerce-checkout
.wc-block-checkout__main.athar-main-empty{
    display:none !important;
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:800px){

    body.woocommerce-checkout
    .wc-block-components-sidebar-layout{
        width:min(100% - 24px, 620px) !important;
    }


    body.woocommerce-checkout
    .athar-checkout-top-area{
        grid-template-columns:1fr;

        gap:16px;
    }


    body.woocommerce-checkout
    .athar-customer-card,

    body.woocommerce-checkout
    .athar-checkout-top-area
    .wc-block-checkout__sidebar{
        min-height:0;

        border-radius:17px !important;
    }


    body.woocommerce-checkout
    .athar-payment-card{
        margin-top:16px;

        padding:20px 15px;

        border-radius:17px;
    }


    body.woocommerce-checkout
    .athar-payment-card
    .wc-block-components-radio-control{
        grid-template-columns:1fr;
    }


    body.woocommerce-checkout
    .athar-customer-card
    #shipping-fields
    .wc-block-components-address-form{
        grid-template-columns:1fr !important;
    }


    body.woocommerce-checkout
    .athar-customer-card
    #shipping-fields
    .wc-block-components-address-form > *{
        grid-column:1 !important;
    }

}
/* ============================================================
   ATHAR CHECKOUT — FINAL CLEAN LAYOUT
   المرجع: التصميم المعتمد
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received){
    --navy:#063b70;
    --blue:#1689dd;
    --green:#19b85c;
    --border:#d7e5ef;
    --line:#e3edf4;
    --soft:#f7fbfe;
    --muted:#6887a0;

    background:#f7fcff;
}


/* ============================================================
   MAIN WIDTH
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wp-block-woocommerce-checkout{
    width:min(1120px, calc(100% - 40px)) !important;
    max-width:1120px !important;

    margin-left:auto !important;
    margin-right:auto !important;

    padding:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-sidebar-layout{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;
}


/* ============================================================
   TOP AREA
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-checkout-top-area{
    width:100% !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;

    grid-template-rows:auto !important;

    column-gap:18px !important;

    align-items:stretch !important;

    direction:ltr !important;
}


/* ============================================================
   IMPORTANT:
   BOTH CARDS FORCED INTO SAME GRID ROW
============================================================ */

/* ملخص الطلب - يسار */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-checkout-top-area
.wc-block-checkout__sidebar{
    grid-column:1 !important;
    grid-row:1 !important;

    direction:rtl !important;
}


/* بيانات العميل - يمين */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-checkout-top-area
.athar-customer-card{
    grid-column:2 !important;
    grid-row:1 !important;

    direction:rtl !important;
}


/* ============================================================
   BOTH CARDS
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-checkout-top-area
.wc-block-checkout__sidebar{
    width:100% !important;
    max-width:none !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    align-self:stretch !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:1px solid var(--border) !important;
    border-radius:6px !important;

    box-shadow:0 7px 24px rgba(6,59,112,.035) !important;

    overflow:hidden !important;
}


/* ============================================================
   SUMMARY TITLE
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__title{
    width:100% !important;
    min-height:96px !important;

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

    margin:0 !important;
    padding:25px 24px !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:0 !important;
    border-bottom:1px solid var(--line) !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__title-text{
    margin:0 !important;

    color:var(--navy) !important;

    font-size:25px !important;
    line-height:1.2 !important;
    font-weight:900 !important;

    text-align:center !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__title-price,

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__title-icon{
    display:none !important;
}


/* ============================================================
   SUMMARY CONTENT
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__content{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* ============================================================
   PRODUCT
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wp-block-woocommerce-checkout-order-summary-cart-items-block{
    margin:0 !important;

    padding:8px 10px !important;

    box-sizing:border-box !important;

    border-bottom:1px solid var(--line) !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-order-summary{
    margin:0 !important;
    padding:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-order-summary__content{
    padding:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-order-summary-item{
    width:100% !important;
    min-height:74px !important;

    display:grid !important;

    grid-template-columns:
        62px
        minmax(0,1fr)
        85px !important;

    align-items:center !important;

    gap:10px !important;

    margin:0 !important;
    padding:8px 12px !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:1px solid #dce9f2 !important;
    border-radius:13px !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-order-summary-item__image{
    width:58px !important;

    margin:0 !important;
    padding:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-order-summary-item__image img{
    width:55px !important;
    height:55px !important;

    display:block !important;

    object-fit:contain !important;

    border-radius:6px !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-order-summary-item__description{
    min-width:0 !important;

    text-align:right !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-product-name{
    margin:0 0 4px !important;

    color:var(--navy) !important;

    font-size:13px !important;
    font-weight:800 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-order-summary-item__total-price{
    min-width:75px !important;

    margin:0 !important;

    color:#111 !important;

    font-size:17px !important;
    font-weight:900 !important;

    text-align:left !important;
}


/* ============================================================
   SUBTOTAL + SHIPPING
   LABEL RIGHT / PRICE LEFT
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wp-block-woocommerce-checkout-order-summary-totals-block{
    width:100% !important;

    margin:0 !important;

    padding:13px 22px !important;

    box-sizing:border-box !important;

    border-bottom:1px solid var(--line) !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wp-block-woocommerce-checkout-order-summary-totals-block
.wc-block-components-totals-wrapper{
    margin:0 !important;
    padding:0 !important;

    border:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wp-block-woocommerce-checkout-order-summary-totals-block
.wc-block-components-totals-item{
    width:100% !important;
    min-height:36px !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        auto !important;

    align-items:center !important;

    gap:20px !important;

    margin:0 !important;
    padding:5px 0 !important;

    direction:rtl !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wp-block-woocommerce-checkout-order-summary-totals-block
.wc-block-components-totals-item__label{
    grid-column:1 !important;

    margin:0 !important;

    color:var(--navy) !important;

    font-size:14px !important;
    font-weight:800 !important;

    text-align:right !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wp-block-woocommerce-checkout-order-summary-totals-block
.wc-block-components-totals-item__value{
    grid-column:2 !important;

    min-width:85px !important;

    margin:0 !important;

    color:var(--navy) !important;

    font-size:14px !important;
    font-weight:800 !important;

    text-align:left !important;
}


/* ============================================================
   GRAND TOTAL
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__content
> .wc-block-components-totals-wrapper{
    margin:0 !important;

    padding:0 22px !important;

    border:0 !important;
    border-bottom:1px solid var(--line) !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-totals-footer-item{
    width:100% !important;
    min-height:70px !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        auto !important;

    align-items:center !important;

    gap:20px !important;

    margin:0 !important;
    padding:14px 0 !important;

    direction:rtl !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label{
    grid-column:1 !important;

    margin:0 !important;

    color:var(--navy) !important;

    font-size:21px !important;
    font-weight:900 !important;

    text-align:right !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value{
    grid-column:2 !important;

    min-width:95px !important;

    margin:0 !important;

    color:var(--navy) !important;

    font-size:20px !important;
    font-weight:900 !important;

    text-align:left !important;
}


/* ============================================================
   BENEFITS
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-checkout-benefits{
    width:calc(100% - 42px) !important;

    margin:0 21px !important;

    padding:5px 0 9px !important;

    box-sizing:border-box !important;

    background:#fff !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-benefit{
    min-height:69px !important;

    display:flex !important;
    align-items:center !important;

    gap:15px !important;

    margin:0 !important;
    padding:8px 0 !important;

    direction:rtl !important;

    border-bottom:1px solid var(--line) !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-benefit:last-child{
    border-bottom:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-benefit-icon{
    width:52px !important;
    height:52px !important;

    flex:0 0 52px !important;

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

    background:#eaf7ff !important;

    border-radius:12px !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-benefit-icon svg{
    width:25px !important;
    height:25px !important;

    fill:none !important;

    stroke:var(--blue) !important;
    stroke-width:1.8 !important;

    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-benefit-text{
    flex:1 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:3px !important;

    text-align:right !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-benefit-text strong{
    color:var(--navy) !important;

    font-size:15px !important;
    font-weight:900 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-benefit-text small{
    color:var(--muted) !important;

    font-size:12px !important;
}


/* ============================================================
   CUSTOMER SECTIONS
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#contact-fields,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-fields,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option{
    width:100% !important;

    height:auto !important;

    margin:0 !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#contact-fields{
    padding:30px 27px 27px !important;

    border-bottom:1px solid var(--line) !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-fields{
    padding:26px 27px 23px !important;

    border-bottom:1px solid var(--line) !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option{
    padding:25px 27px 27px !important;
}


/* ============================================================
   CUSTOMER TITLES
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
.wc-block-components-checkout-step__heading-container{
    margin:0 0 22px !important;
    padding:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
.wc-block-components-checkout-step__title{
    margin:0 !important;

    color:var(--navy) !important;

    font-size:25px !important;
    line-height:1.25 !important;
    font-weight:900 !important;

    text-align:center !important;
}


/* ============================================================
   EMAIL
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
.wc-block-components-checkout-step__content{
    margin:0 !important;
    padding:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#contact-fields
.wc-block-components-text-input{
    margin:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#contact-fields
.wc-block-components-text-input input{
    width:100% !important;
    height:56px !important;

    padding:19px 15px 6px !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:1px solid var(--border) !important;
    border-radius:5px !important;

    box-shadow:none !important;

    color:var(--navy) !important;

    text-align:right !important;
}


/* ============================================================
   ADDRESS CARD
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
.wc-block-components-address-card{
    position:relative !important;

    width:100% !important;
    min-height:65px !important;

    margin:0 !important;

    padding:11px 15px !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:1px solid var(--border) !important;
    border-radius:5px !important;

    box-shadow:none !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
.wc-block-components-address-card address{
    margin:0 !important;

    padding:0 0 0 70px !important;

    direction:rtl !important;

    color:var(--navy) !important;

    font-size:12px !important;
    line-height:1.55 !important;

    font-style:normal !important;

    text-align:right !important;
}


/* Edit left */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
.wc-block-components-address-card__edit{
    position:absolute !important;

    left:15px !important;
    right:auto !important;

    top:50% !important;

    transform:translateY(-50%) !important;

    color:var(--blue) !important;

    font-size:13px !important;
    font-weight:900 !important;
}


/* Same billing */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
.wc-block-checkout__use-address-for-billing{
    margin:17px 0 0 !important;

    text-align:center !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
.wc-block-checkout__use-address-for-billing label{
    color:var(--navy) !important;

    font-size:12px !important;
    font-weight:700 !important;
}


/* ============================================================
   SHIPPING OPTION
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    background:transparent !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__option{
    position:relative !important;

    width:100% !important;
    min-height:71px !important;

    display:flex !important;
    align-items:center !important;

    margin:0 !important;

    padding:14px 58px 14px 17px !important;

    box-sizing:border-box !important;

    direction:rtl !important;

    background:#fff !important;

    border:1px solid var(--border) !important;
    border-radius:6px !important;
}


/* radio right */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__input{
    position:absolute !important;

    right:16px !important;
    left:auto !important;

    top:50% !important;

    width:20px !important;
    height:20px !important;

    margin:0 !important;

    transform:translateY(-50%) !important;

    opacity:1 !important;

    z-index:5 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__label-group{
    width:100% !important;

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:15px !important;

    direction:rtl !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__label{
    flex:1 !important;

    margin:0 !important;

    color:var(--navy) !important;

    font-size:14px !important;
    font-weight:900 !important;

    text-align:right !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__secondary-label{
    min-width:80px !important;

    margin:0 !important;

    color:var(--navy) !important;

    font-size:14px !important;
    font-weight:900 !important;

    text-align:left !important;
}


/* ============================================================
   EDIT ADDRESS
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-fields
.wc-block-components-address-form{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;

    gap:10px !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-fields
.wc-block-components-address-form__first_name,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-fields
.wc-block-components-address-form__country,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-fields
.wc-block-components-address-form__address_1,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-fields
.wc-block-components-address-form__address_2{
    grid-column:1 / -1 !important;
}


/* ============================================================
   PAYMENT CARD
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card{
    width:100% !important;

    margin:20px 0 0 !important;

    padding:17px 20px 20px !important;

    box-sizing:border-box !important;

    direction:rtl !important;

    background:#fff !important;

    border:1px solid var(--border) !important;
    border-radius:6px !important;

    box-shadow:0 7px 24px rgba(6,59,112,.035) !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    background:transparent !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-checkout-step__heading-container{
    margin:0 0 15px !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-checkout-step__title{
    margin:0 !important;

    color:var(--navy) !important;

    font-size:24px !important;
    font-weight:900 !important;

    text-align:center !important;
}


/* ============================================================
   PAYMENT OPTIONS
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control{
    display:flex !important;

    flex-direction:column !important;

    gap:8px !important;

    margin:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-components-radio-control-accordion-option{
    width:100% !important;

    margin:0 !important;

    overflow:hidden !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:1px solid var(--border) !important;
    border-radius:6px !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-components-radio-control-accordion-option--checked-option-highlighted{
    background:#f7fffa !important;

    border-color:var(--green) !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-components-radio-control__option{
    min-height:51px !important;

    margin:0 !important;

    padding:10px 16px !important;

    border:0 !important;

    background:transparent !important;
}


/* ============================================================
   NOTES / TERMS
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#order-notes,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__terms{
    margin:10px 0 0 !important;
    padding:0 !important;

    border:0 !important;
}


/* ============================================================
   BUTTON AREA
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__actions{
    width:100% !important;

    margin:10px 0 0 !important;
    padding:0 !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__actions_row{
    width:100% !important;

    display:flex !important;

    flex-direction:column !important;

    gap:10px !important;

    margin:0 !important;
}


/* Place Order */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-components-checkout-place-order-button{
    width:100% !important;
    min-height:50px !important;

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

    margin:0 !important;

    border:0 !important;
    border-radius:5px !important;

    background:#087ff0 !important;

    color:#fff !important;

    font-size:15px !important;
    font-weight:900 !important;

    box-shadow:none !important;
}


/* WhatsApp */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.athar-whatsapp-order-button{
    width:100% !important;
    min-height:50px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    margin:0 !important;

    border:1.5px solid var(--green) !important;
    border-radius:5px !important;

    background:#fff !important;

    color:#10a94f !important;

    font-size:15px !important;
    font-weight:900 !important;

    box-shadow:none !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.athar-whatsapp-svg{
    width:20px !important;
    height:20px !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media(max-width:800px){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .wp-block-woocommerce-checkout{
        width:calc(100% - 24px) !important;
    }


    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-checkout-top-area{
        display:flex !important;

        flex-direction:column !important;

        gap:15px !important;

        direction:rtl !important;
    }


    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-customer-card{
        order:1 !important;

        width:100% !important;
    }


    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-checkout-top-area
    .wc-block-checkout__sidebar{
        order:2 !important;

        width:100% !important;
    }


    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-customer-card
    #contact-fields,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-customer-card
    #shipping-fields,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-customer-card
    #shipping-option{
        padding:22px 17px !important;
    }


    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-customer-card
    #shipping-fields
    .wc-block-components-address-form{
        grid-template-columns:1fr !important;
    }


    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-customer-card
    #shipping-fields
    .wc-block-components-address-form > *{
        grid-column:1 !important;
    }


    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card{
        margin-top:15px !important;

        padding:20px 15px !important;
    }

}
/* ============================================================
   ATHAR CHECKOUT — FINAL TITLES + SHIPPING FIX
   هذا البلوك يستبدل آخر بلوك تعديلات بالكامل
============================================================ */


/* ============================================================
   1) توحيد جميع العناوين
   ملخص الطلب = بيانات العميل = عنوان التوصيل
   = خيارات التوصيل = طريقة الدفع
============================================================ */

/* ملخص الطلب */
body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__title
.wc-block-components-checkout-order-summary__title-text,

/* بيانات العميل */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#contact-fields
.wc-block-components-checkout-step__title,

/* عنوان التوصيل */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-fields
.wc-block-components-checkout-step__title,

/* خيارات التوصيل */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-checkout-step__title,

/* طريقة الدفع */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-checkout-step__title{

    font-family:inherit !important;

    /* نعتمد حجم بيانات العميل */
    font-size:24px !important;
    font-weight:800 !important;
    line-height:1.3 !important;

    letter-spacing:0 !important;

    transform:none !important;

    margin-top:0 !important;
    margin-bottom:0 !important;
}


/* ============================================================
   2) FORCE لعنوان ملخص الطلب
   لإلغاء أي حجم قديم جاي من WooCommerce أو CSS سابق
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__title-text,

body.woocommerce-checkout:not(.woocommerce-order-received)
.wc-block-components-checkout-order-summary__title-text[role="heading"]{

    font-size:24px !important;
    font-weight:800 !important;
    line-height:1.3 !important;

    font-family:inherit !important;

    letter-spacing:0 !important;

    transform:none !important;
}


/* ============================================================
   3) FORCE لبيانات العميل
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#contact-fields
.wc-block-components-checkout-step__heading-container
.wc-block-components-checkout-step__heading
.wc-block-components-checkout-step__title,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#contact-fields
.wc-block-components-checkout-step__title{

    font-size:24px !important;
    font-weight:800 !important;
    line-height:1.3 !important;

    font-family:inherit !important;

    letter-spacing:0 !important;

    transform:none !important;
}


/* ============================================================
   4) إخفاء زر Radio في رسوم التوصيل
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
input[type="radio"],

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__input{

    position:absolute !important;

    width:1px !important;
    height:1px !important;

    opacity:0 !important;
    visibility:hidden !important;

    margin:0 !important;
    padding:0 !important;

    pointer-events:none !important;
}


/* ============================================================
   5) ترتيب صندوق رسوم التوصيل
   نحجز مساحة للأيقونة الموجودة على اليمين
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__option{

    position:relative !important;

    width:100% !important;
    min-height:71px !important;

    display:flex !important;
    align-items:center !important;

    margin:0 !important;

    /*
       72px من اليمين:
       مساحة للأيقونة حتى لا تغطي على النص
    */
    padding:14px 72px 14px 18px !important;

    box-sizing:border-box !important;

    direction:rtl !important;
}


/* ============================================================
   6) ترتيب رسوم التوصيل + السعر
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__label-group{

    width:100% !important;

    display:flex !important;
    flex-direction:row !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:24px !important;

    margin:0 !important;
    padding:0 !important;

    direction:rtl !important;
}


/* ============================================================
   7) كلمة رسوم التوصيل
   نزحها لليسار بعيداً عن الأيقونة
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__label{

    flex:1 1 auto !important;

    margin:0 !important;

    /*
       مسافة إضافية بين الأيقونة والنص
    */
    padding-right:12px !important;
    padding-left:0 !important;

    color:#063b70 !important;

    font-size:14px !important;
    font-weight:900 !important;
    line-height:1.4 !important;

    text-align:right !important;
}


/* ============================================================
   8) سعر رسوم التوصيل
   يبقى على أقصى اليسار
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-customer-card
#shipping-option
.wc-block-components-radio-control__secondary-label{

    flex:0 0 auto !important;

    min-width:82px !important;

    margin:0 !important;
    padding:0 !important;

    color:#063b70 !important;

    font-size:14px !important;
    font-weight:900 !important;
    line-height:1.4 !important;

    text-align:left !important;
}
/* ===============================
   بيانات العميل
================================ */
.wc-block-components-checkout-step__heading
> h2.wc-block-components-title.wc-block-components-checkout-step__title {
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}


/* ===============================
   ملخص الطلب
================================ */
.wc-block-components-checkout-order-summary__title
> p.wc-block-components-checkout-order-summary__title-text {
    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

/* ============================================================
   CHECKOUT TITLE ICONS
============================================================ */


/* ---------- تجهيز العنوانين ---------- */

.wc-block-components-checkout-step__heading
> h2.wc-block-components-title.wc-block-components-checkout-step__title,

.wc-block-components-checkout-order-summary__title
> p.wc-block-components-checkout-order-summary__title-text{

    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}


/* ============================================================
   بيانات العميل — User Icon
============================================================ */

.wc-block-components-checkout-step__heading
> h2.wc-block-components-title.wc-block-components-checkout-step__title::before{

    content:"";

    width:36px;
    height:36px;

    flex:0 0 36px;

    border-radius:10px;

    background-color:#e8f6ff;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231689dd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 21c.7-4.2 3.2-6.5 7.5-6.5s6.8 2.3 7.5 6.5'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:center;
    background-size:21px;

    animation:atharTitleIconIn .55s ease both;
}


/* ============================================================
   ملخص الطلب — Order / Document Icon
============================================================ */

.wc-block-components-checkout-order-summary__title
> p.wc-block-components-checkout-order-summary__title-text::before{

    content:"";

    width:36px;
    height:36px;

    flex:0 0 36px;

    border-radius:10px;

    background-color:#e8f6ff;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231689dd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8.5 8h7M8.5 12h7M8.5 16h4.5'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:center;
    background-size:21px;

    animation:atharTitleIconIn .55s .08s ease both;
}


/* ============================================================
   حركة خفيفة
============================================================ */

@keyframes atharTitleIconIn{

    from{
        opacity:0;
        transform:translateY(5px) scale(.82);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}


/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce){

    .wc-block-components-checkout-step__title::before,
    .wc-block-components-checkout-order-summary__title-text::before{
        animation:none !important;
    }

}
/* ============================================================
   ATHAR — PAYMENT CARD FINAL DESIGN
   Payment Methods + Place Order + WhatsApp
============================================================ */


/* ============================================================
   1. PAYMENT CARD
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card{
    position:relative;
    overflow:hidden;

    padding:26px 20px 22px !important;

    background:
        radial-gradient(circle at 95% 0%,
        rgba(22,137,221,.08),
        transparent 25%),
        #fff !important;

    border:1px solid #d6e8f5 !important;
    border-radius:20px !important;

    box-shadow:
        0 12px 35px rgba(6,59,112,.07) !important;
}


/* ============================================================
   2. PAYMENT TITLE
============================================================ */

body.woocommerce-checkout
#payment-method
.wc-block-components-checkout-step__heading{
    position:relative;

    display:flex !important;
    align-items:center !important;

    margin-bottom:22px !important;
}


body.woocommerce-checkout
#payment-method
h2.wc-block-components-checkout-step__title{
    display:flex !important;
    align-items:center !important;
    gap:11px !important;

    margin:0 !important;

    color:#063b70 !important;

    font-size:24px !important;
    font-weight:800 !important;
}


/* أيقونة طريقة الدفع */

body.woocommerce-checkout
#payment-method
h2.wc-block-components-checkout-step__title::before{

    content:"";

    width:38px;
    height:38px;

    flex:0 0 38px;

    border-radius:11px;

    background-color:#e8f6ff;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231689dd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M7 15h3'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:center;
    background-size:22px;

    animation:atharPaymentIconIn .55s ease both;
}


/* ============================================================
   3. PAYMENT METHODS WRAPPER
============================================================ */

body.woocommerce-checkout
#payment-method
.wc-block-components-radio-control{

    display:flex !important;
    flex-direction:column !important;

    gap:12px !important;

    border:0 !important;
    background:transparent !important;
}


/* ============================================================
   4. EACH PAYMENT METHOD
============================================================ */

body.woocommerce-checkout
#payment-method
.wc-block-components-radio-control-accordion-option{

    position:relative;

    overflow:hidden;

    border:1px solid #cfe3f2 !important;
    border-radius:15px !important;

    background:#fff !important;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease !important;
}


/* Hover */

body.woocommerce-checkout
#payment-method
.wc-block-components-radio-control-accordion-option:hover{

    transform:translateY(-2px);

    border-color:#1689dd !important;

    box-shadow:
        0 9px 24px rgba(6,59,112,.10) !important;
}


/* ============================================================
   5. PAYMENT LABEL
============================================================ */

body.woocommerce-checkout
#payment-method
.wc-block-components-radio-control__option{

    min-height:72px !important;

    display:flex !important;
    align-items:center !important;

    padding:15px 18px !important;

    background:transparent !important;

    cursor:pointer !important;
}


body.woocommerce-checkout
#payment-method
.wc-block-components-payment-method-label{

    color:#063b70 !important;

    font-size:16px !important;
    font-weight:800 !important;
}


/* ============================================================
   6. RADIO BUTTON
============================================================ */

body.woocommerce-checkout
#payment-method
.wc-block-components-radio-control__input{

    width:22px !important;
    height:22px !important;

    min-width:22px !important;

    margin-left:14px !important;

    accent-color:#1689dd !important;

    cursor:pointer;
}


/* ============================================================
   7. SELECTED PAYMENT METHOD
============================================================ */

body.woocommerce-checkout
#payment-method
.wc-block-components-radio-control-accordion-option--checked-option-highlighted{

    border-color:#ffd300 !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,211,0,.04),
            rgba(232,246,255,.55)
        ) !important;

    box-shadow:
        0 8px 22px rgba(255,211,0,.12) !important;

    transform:translateY(-1px);
}


/* خط أصفر صغير على جهة اليمين */

body.woocommerce-checkout
#payment-method
.wc-block-components-radio-control-accordion-option--checked-option-highlighted::before{

    content:"";

    position:absolute;

    top:16px;
    right:0;

    width:4px;
    height:38px;

    border-radius:4px 0 0 4px;

    background:#ffd300;

    animation:atharPaymentSelect .35s ease both;
}


/* ============================================================
   8. PAYMENT DESCRIPTION
============================================================ */

body.woocommerce-checkout
#payment-method
.wc-block-components-radio-control-accordion-content{

    margin:0 !important;

    padding:
        0 55px
        16px 20px !important;

    color:#66829b !important;

    font-size:13px !important;
    font-weight:600 !important;

    background:transparent !important;
}


/* ============================================================
   9. ORDER NOTE
============================================================ */

body.woocommerce-checkout
.athar-payment-card
#order-notes{

    margin:16px 0 10px !important;
    padding:0 !important;
}


body.woocommerce-checkout
.athar-payment-card
#order-notes label{

    color:#315e86 !important;

    font-size:14px !important;
    font-weight:700 !important;

    cursor:pointer;
}


/* ============================================================
   10. TERMS
============================================================ */

body.woocommerce-checkout
.athar-payment-card
.wc-block-checkout__terms{

    margin:10px 0 20px !important;

    padding:0 !important;

    text-align:center !important;

    color:#7890a5 !important;

    font-size:11px !important;
    line-height:1.7 !important;
}


/* ============================================================
   11. ACTIONS
============================================================ */

body.woocommerce-checkout
.athar-payment-card
.wc-block-checkout__actions_row{

    display:flex !important;
    flex-direction:column !important;

    gap:12px !important;

    width:100% !important;
}


/* ============================================================
   12. PLACE ORDER BUTTON
============================================================ */

body.woocommerce-checkout
.athar-payment-card
.wc-block-components-checkout-place-order-button{

    position:relative !important;
    overflow:hidden !important;

    width:100% !important;
    min-height:58px !important;

    border:0 !important;
    border-radius:14px !important;

    background:
        linear-gradient(
            135deg,
            #063b70 0%,
            #07569c 55%,
            #063b70 100%
        ) !important;

    color:#fff !important;

    font-size:17px !important;
    font-weight:900 !important;

    box-shadow:
        0 8px 20px rgba(6,59,112,.20) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* Hover */

body.woocommerce-checkout
.athar-payment-card
.wc-block-components-checkout-place-order-button:hover{

    transform:translateY(-2px);

    box-shadow:
        0 12px 26px rgba(6,59,112,.28) !important;
}


/* Shine */

body.woocommerce-checkout
.athar-payment-card
.wc-block-components-checkout-place-order-button::before{

    content:"";

    position:absolute;

    top:-50%;
    left:-80px;

    width:45px;
    height:200%;

    background:rgba(255,255,255,.20);

    transform:rotate(25deg);

    animation:atharButtonShine 4.5s ease-in-out infinite;
}


/* ============================================================
   13. WHATSAPP BUTTON
============================================================ */

body.woocommerce-checkout
.athar-payment-card
.athar-whatsapp-order-button{

    position:relative;

    width:100% !important;
    min-height:56px !important;

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

    gap:10px !important;

    border:2px solid #20bd5a !important;
    border-radius:14px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f0fff5
        ) !important;

    color:#14a848 !important;

    font-size:16px !important;
    font-weight:900 !important;

    cursor:pointer;

    box-shadow:
        0 5px 16px rgba(32,189,90,.08);

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease !important;
}


/* WhatsApp SVG */

body.woocommerce-checkout
.athar-payment-card
.athar-whatsapp-svg{

    width:23px !important;
    height:23px !important;

    transition:transform .25s ease;
}


/* Hover */

body.woocommerce-checkout
.athar-payment-card
.athar-whatsapp-order-button:hover{

    transform:translateY(-2px);

    background:#20bd5a !important;

    color:#fff !important;

    box-shadow:
        0 10px 24px rgba(32,189,90,.20);
}


body.woocommerce-checkout
.athar-payment-card
.athar-whatsapp-order-button:hover
.athar-whatsapp-svg{

    transform:scale(1.12) rotate(-5deg);
}


/* ============================================================
   14. ANIMATIONS
============================================================ */

@keyframes atharPaymentIconIn{

    from{
        opacity:0;
        transform:translateY(6px) scale(.80);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}


@keyframes atharPaymentSelect{

    from{
        opacity:0;
        transform:scaleY(.25);
    }

    to{
        opacity:1;
        transform:scaleY(1);
    }
}


@keyframes atharButtonShine{

    0%,
    70%{
        left:-80px;
    }

    90%,
    100%{
        left:110%;
    }
}


/* ============================================================
   15. MOBILE
============================================================ */

@media (max-width:700px){

    body.woocommerce-checkout
    .athar-payment-card{
        padding:20px 14px 18px !important;
        border-radius:17px !important;
    }


    body.woocommerce-checkout
    #payment-method
    h2.wc-block-components-checkout-step__title{
        font-size:21px !important;
    }


    body.woocommerce-checkout
    #payment-method
    .wc-block-components-radio-control__option{
        min-height:66px !important;
        padding:13px 14px !important;
    }


    body.woocommerce-checkout
    #payment-method
    .wc-block-components-payment-method-label{
        font-size:15px !important;
    }


    body.woocommerce-checkout
    .athar-payment-card
    .wc-block-components-checkout-place-order-button,

    body.woocommerce-checkout
    .athar-payment-card
    .athar-whatsapp-order-button{
        min-height:54px !important;
    }
}


/* ============================================================
   ACCESSIBILITY — REDUCED MOTION
============================================================ */

@media (prefers-reduced-motion:reduce){

    body.woocommerce-checkout
    .athar-payment-card *{
        animation:none !important;
        transition:none !important;
    }
}

/* ============================================================
   ATHAR CHECKOUT — FINAL PAYMENT DESIGN
   طريقة الدفع + CliQ + COD + Place Order + WhatsApp
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card{
    position:relative;
    overflow:hidden;
    box-sizing:border-box;

    width:100%;
    padding:25px 20px 22px !important;

    background:
        radial-gradient(circle at 100% 0,
        rgba(22,137,221,.08), transparent 27%),
        #fff !important;

    border:1px solid #d5e7f4 !important;
    border-radius:20px !important;

    box-shadow:0 12px 35px rgba(6,59,112,.08) !important;
}


/* ============================================================
   TITLE
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-checkout-step__heading{
    margin:0 0 22px !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
h2.wc-block-components-title.wc-block-components-checkout-step__title{
    display:flex !important;
    align-items:center !important;
    gap:11px !important;

    margin:0 !important;

    color:#063b70 !important;
    font-size:24px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
}


/* أيقونة طريقة الدفع */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
h2.wc-block-components-checkout-step__title::before{
    content:"";

    width:39px;
    height:39px;
    flex:0 0 39px;

    border-radius:11px;

    background:
        #e8f6ff
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231689dd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E")
        center/22px no-repeat;

    box-shadow:0 6px 15px rgba(22,137,221,.11);

    animation:atharPayTitle .5s ease both;
}


/* ============================================================
   PAYMENT METHODS CONTAINER
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;

    border:0 !important;
    background:transparent !important;
}


/* كل وسيلة دفع */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option{
    position:relative !important;
    overflow:hidden !important;

    margin:0 !important;

    background:#fff !important;

    border:1px solid #cfe2f1 !important;
    border-radius:15px !important;

    box-shadow:0 3px 10px rgba(6,59,112,.035) !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease !important;
}


/* Hover */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option:hover{
    transform:translateY(-2px);

    border-color:#1689dd !important;

    box-shadow:0 9px 20px rgba(6,59,112,.10) !important;
}


/* ============================================================
   PAYMENT OPTION
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label.wc-block-components-radio-control__option{
    position:relative !important;

    display:flex !important;
    align-items:center !important;

    box-sizing:border-box !important;

    width:100% !important;
    min-height:74px !important;

    margin:0 !important;

    /* مساحة الأيقونة من اليمين */
    padding:15px 75px 15px 18px !important;

    background:transparent !important;

    cursor:pointer !important;
}


/* النص */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-payment-method-label{
    color:#063b70 !important;

    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.4 !important;
}


/* ============================================================
   CLIQ ICON
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label[for="radio-control-wc-payment-method-options-bacs"]::before{
    content:"";

    position:absolute;
    right:16px;
    top:50%;

    width:44px;
    height:44px;

    transform:translateY(-50%);

    border-radius:13px;

    background:
        #e9f7ff
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231689dd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.3'/%3E%3Cpath d='M10 6h4M9.5 10h5M10 14h4'/%3E%3Ccircle cx='12' cy='18' r='.8' fill='%231689dd'/%3E%3C/svg%3E")
        center/24px no-repeat;

    box-shadow:
        0 7px 15px rgba(22,137,221,.12),
        inset 0 0 0 1px rgba(22,137,221,.04);

    transition:transform .25s ease;
}


/* ============================================================
   CASH ON DELIVERY ICON
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label[for="radio-control-wc-payment-method-options-cod"]::before{
    content:"";

    position:absolute;
    right:16px;
    top:50%;

    width:44px;
    height:44px;

    transform:translateY(-50%);

    border-radius:13px;

    background:
        #fff7d6
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5a900' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5 12 3l8 4.5v9L12 21l-8-4.5z'/%3E%3Cpath d='m4 7.5 8 4.5 8-4.5M12 12v9M8 5.2l8 4.5'/%3E%3C/svg%3E")
        center/25px no-repeat;

    box-shadow:
        0 7px 15px rgba(255,211,0,.16),
        inset 0 0 0 1px rgba(255,211,0,.08);

    transition:transform .25s ease;
}


/* حركة الأيقونة عند Hover */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option:hover
label::before{
    transform:
        translateY(-50%)
        translateY(-2px)
        rotate(-4deg)
        scale(1.06);
}


/* ============================================================
   RADIO
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
input.wc-block-components-radio-control__input{
    width:21px !important;
    height:21px !important;

    flex:0 0 21px !important;

    margin-left:14px !important;

    accent-color:#ffd300 !important;

    cursor:pointer !important;
}


/* ============================================================
   SELECTED METHOD
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option--checked-option-highlighted{
    border-color:#ffd300 !important;

    background:
        linear-gradient(
            110deg,
            rgba(255,211,0,.08),
            rgba(234,247,255,.48),
            #fff
        ) !important;

    box-shadow:
        0 8px 20px rgba(255,211,0,.12) !important;
}


/* خط أصفر صغير */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option--checked-option-highlighted::after{
    content:"";

    position:absolute;
    right:0;
    top:17px;

    width:4px;
    height:38px;

    border-radius:4px 0 0 4px;

    background:#ffd300;

    animation:atharSelectedLine .3s ease both;
}


/* حركة الأيقونة عند الاختيار */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control__option-checked::before{
    animation:atharPayPop .38s ease both;
}


/* ============================================================
   DESCRIPTION
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-content{
    margin:0 !important;

    padding:0 75px 16px 20px !important;

    background:transparent !important;

    color:#66839c !important;

    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.6 !important;
}


/* ============================================================
   ORDER NOTE
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#order-notes{
    margin:16px 0 9px !important;
    padding:0 !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#order-notes label{
    color:#315e86 !important;

    font-size:14px !important;
    font-weight:800 !important;

    cursor:pointer !important;

    transition:color .2s ease !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#order-notes label:hover{
    color:#1689dd !important;
}


/* ============================================================
   TERMS
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__terms{
    margin:8px 0 19px !important;
    padding:0 !important;

    text-align:center !important;

    color:#718ca4 !important;

    font-size:11px !important;
    line-height:1.7 !important;
}


/* ============================================================
   ACTIONS
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__actions_row{
    display:flex !important;
    flex-direction:column !important;

    width:100% !important;

    gap:11px !important;
}


/* ============================================================
   PLACE ORDER — FINAL
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button{
    position:relative !important;
    overflow:hidden !important;

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

    box-sizing:border-box !important;

    width:100% !important;
    min-height:59px !important;

    margin:0 !important;
    padding:0 60px !important;

    border:1px solid #063b70 !important;
    border-radius:14px !important;

    background:
        linear-gradient(
            120deg,
            #063b70 0%,
            #075ca7 50%,
            #063b70 100%
        ) !important;

    color:#fff !important;

    font-size:17px !important;
    font-weight:900 !important;

    box-shadow:
        0 9px 22px rgba(6,59,112,.23),
        inset 0 1px 0 rgba(255,255,255,.12) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease !important;
}


/* قفل */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button::after{
    content:"🔒";

    position:absolute;
    right:20px;
    top:50%;

    transform:translateY(-50%);

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

    width:34px;
    height:34px;

    border-radius:10px;

    background:rgba(255,255,255,.10);

    font-size:16px;
}


/* سهم */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button
.wc-block-components-button__text::before{
    content:"←";

    position:absolute;
    left:22px;
    top:50%;

    transform:translateY(-50%);

    font-size:24px;
    font-weight:500;

    transition:transform .22s ease;
}


/* Shine */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button::before{
    content:"";

    position:absolute;
    z-index:0;

    top:-60%;
    left:-80px;

    width:42px;
    height:220%;

    background:rgba(255,255,255,.17);

    transform:rotate(24deg);

    animation:atharCheckoutShine 4.5s ease-in-out infinite;

    pointer-events:none;
}


/* النص فوق الـshine */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button
.wc-block-components-button__text{
    position:relative;
    z-index:2;

    color:#fff !important;
    font-size:17px !important;
    font-weight:900 !important;
}


/* Hover */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button:hover{
    transform:translateY(-2px) !important;

    filter:brightness(1.05);

    box-shadow:
        0 13px 28px rgba(6,59,112,.30),
        inset 0 1px 0 rgba(255,255,255,.15) !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button:hover
.wc-block-components-button__text::before{
    transform:translate(-4px,-50%);
}


/* ============================================================
   WHATSAPP — FINAL
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.athar-whatsapp-order-button{
    position:relative !important;

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

    box-sizing:border-box !important;

    width:100% !important;
    min-height:57px !important;

    margin:0 !important;
    padding:0 20px !important;

    gap:10px !important;

    border:2px solid #20bd5a !important;
    border-radius:14px !important;

    background:
        linear-gradient(
            110deg,
            #fff 0%,
            #f1fff5 100%
        ) !important;

    color:#15a94a !important;

    font-size:16px !important;
    font-weight:900 !important;

    cursor:pointer !important;

    box-shadow:0 6px 17px rgba(32,189,90,.09) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.athar-whatsapp-svg{
    width:24px !important;
    height:24px !important;

    flex:0 0 24px !important;

    transition:transform .25s ease !important;
}


/* WhatsApp Hover */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.athar-whatsapp-order-button:hover{
    transform:translateY(-2px) !important;

    background:#20bd5a !important;

    color:#fff !important;

    box-shadow:0 11px 24px rgba(32,189,90,.21) !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.athar-whatsapp-order-button:hover
.athar-whatsapp-svg{
    transform:scale(1.12) rotate(-7deg);
}


/* ============================================================
   SECURITY MESSAGE
   نضيفها أسفل الأزرار بدون تعديل HTML
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__actions::after{
    content:"🔒  طلبك وبياناتك محفوظة بأمان";

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

    width:100%;

    box-sizing:border-box;

    margin-top:15px;

    color:#6d8ba5;

    font-size:12px;
    font-weight:700;

    text-align:center;
}


/* ============================================================
   ANIMATION
============================================================ */

@keyframes atharPayTitle{
    from{
        opacity:0;
        transform:translateY(5px) scale(.82);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes atharPayPop{
    0%{
        transform:translateY(-50%) scale(.84);
    }
    60%{
        transform:translateY(-50%) scale(1.10) rotate(-5deg);
    }
    100%{
        transform:translateY(-50%) scale(1);
    }
}

@keyframes atharSelectedLine{
    from{
        opacity:0;
        transform:scaleY(.25);
    }
    to{
        opacity:1;
        transform:scaleY(1);
    }
}

@keyframes atharCheckoutShine{
    0%,70%{
        left:-80px;
    }
    90%,100%{
        left:110%;
    }
}


/* ============================================================
   MOBILE
============================================================ */

@media(max-width:700px){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card{
        padding:20px 14px 18px !important;
        border-radius:17px !important;
    }

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    #payment-method
    h2.wc-block-components-checkout-step__title{
        font-size:21px !important;
    }

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    #payment-method
    label.wc-block-components-radio-control__option{
        min-height:68px !important;
        padding:13px 64px 13px 12px !important;
    }

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    #payment-method
    label[for="radio-control-wc-payment-method-options-bacs"]::before,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    #payment-method
    label[for="radio-control-wc-payment-method-options-cod"]::before{
        right:11px;

        width:39px;
        height:39px;

        background-size:21px;
    }

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    #payment-method
    .wc-block-components-payment-method-label{
        font-size:14px !important;
    }

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    #payment-method
    .wc-block-components-radio-control-accordion-content{
        padding:0 64px 14px 12px !important;
        font-size:12px !important;
    }

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    button.wc-block-components-checkout-place-order-button,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    button.athar-whatsapp-order-button{
        min-height:54px !important;
    }
}


/* ============================================================
   ACCESSIBILITY
============================================================ */

@media(prefers-reduced-motion:reduce){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card *,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card *::before,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card *::after{
        animation:none !important;
        transition:none !important;
    }
}
/* ============================================================
   ATHAR PAYMENT — FINAL CLEANUP
   Remove extra icons + white artifacts + subtle animation
============================================================ */


/* ============================================================
   1) حذف الأيقونات الزرقاء/الصفراء المضافة داخل طرق الدفع
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label[for="radio-control-wc-payment-method-options-bacs"]::before,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label[for="radio-control-wc-payment-method-options-cod"]::before{
    content:none !important;
    display:none !important;
}


/* بعد حذف الأيقونة نرجع النص لمكانه الطبيعي */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label.wc-block-components-radio-control__option{
    padding:16px 18px !important;
}


/* وصف الدفع أيضًا بدون مساحة الأيقونة */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-content{
    padding:0 18px 16px 18px !important;
}


/* ============================================================
   2) إزالة العناصر البيضاء/الفارغة الغريبة قبل زر إتمام الطلب
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__actions
.css-0:empty,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__actions
.wc-block-components-notices:empty,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__actions
.wc-block-components-notices__snackbar:empty{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}


/* تنظيف مساحة منطقة الأزرار */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__actions{
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
}


/* ============================================================
   3) حركة لطيفة لخيارات الدفع
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option{
    transform:translateY(0) scale(1);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease,
        background .25s ease !important;
}


/* Hover */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option:hover{
    transform:translateY(-3px) scale(1.005);

    box-shadow:
        0 10px 24px rgba(6,59,112,.11) !important;
}


/* ============================================================
   4) حركة خفيفة عند اختيار طريقة الدفع
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option--checked-option-highlighted{
    animation:atharPaymentChosen .35s ease both;
}


@keyframes atharPaymentChosen{

    0%{
        transform:scale(.985);
    }

    55%{
        transform:scale(1.012);
    }

    100%{
        transform:scale(1);
    }
}


/* ============================================================
   5) حركة بسيطة للـ Radio نفسه
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control__input{
    transition:
        transform .22s ease,
        filter .22s ease !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control__input:checked{
    transform:scale(1.12);

    filter:
        drop-shadow(0 3px 5px rgba(255,211,0,.28));
}


/* ============================================================
   6) حركة الأزرار — ناعمة فقط
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button:active,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.athar-whatsapp-order-button:active{
    transform:translateY(0) scale(.985) !important;
}


/* ============================================================
   REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card *{
        animation:none !important;
        transition:none !important;
    }
}
/* ============================================================
   PAYMENT — FINAL ICON CLEANUP + SELECTED ANIMATION
============================================================ */

/* 1) حذف الأيقونة الزرقاء القديمة داخل CliQ و COD */
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__option::before,

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__option::after,

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__option-layout::before,

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__option-layout::after,

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__label-group::before,

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__label-group::after,

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__label::before,

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__label::after,

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-payment-method-label::before,

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-payment-method-label::after{
    content:none !important;
    display:none !important;
    background:none !important;
}


/* 2) ترتيب النص بعد إزالة الأيقونة */
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__option{
    padding:17px 20px !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control__option-layout{
    width:100% !important;
}


/* 3) الخيار المختار — لمسة خفيفة من هوية الموقع */
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control-accordion-option:has(
    input.wc-block-components-radio-control__input:checked
){
    border-color:#ffd300 !important;

    background:
        linear-gradient(
            110deg,
            rgba(255,211,0,.09),
            rgba(234,247,255,.30),
            #fff
        ) !important;

    box-shadow:
        0 8px 22px rgba(255,211,0,.14),
        0 5px 18px rgba(6,59,112,.06) !important;

    animation:atharPaymentFinalSelect .32s ease;
}


/* 4) Hover بسيط */
body.woocommerce-checkout:not(.woocommerce-order-received)
#payment-method
.wc-block-components-radio-control-accordion-option:hover{
    transform:translateY(-2px);

    box-shadow:
        0 10px 24px rgba(6,59,112,.10) !important;
}


/* 5) حركة الاختيار */
@keyframes atharPaymentFinalSelect{

    0%{
        transform:translateY(0) scale(.99);
    }

    55%{
        transform:translateY(-2px) scale(1.006);
    }

    100%{
        transform:translateY(0) scale(1);
    }
}


/* Accessibility */
@media (prefers-reduced-motion:reduce){

    body.woocommerce-checkout
    #payment-method
    .wc-block-components-radio-control-accordion-option{
        animation:none !important;
        transition:none !important;
    }
}
/* ============================================================
   FIX — REMOVE EXTRA PAYMENT METHOD ICON
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option::before{
    content:none !important;
    display:none !important;

    width:0 !important;
    height:0 !important;

    background:none !important;
    background-image:none !important;

    box-shadow:none !important;
}


/* نخلي الـ Card المختارة محتفظة بالحركة واللون */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option:has(
    input[type="radio"]:checked
){
    transform:translateY(-1px) !important;

    border-color:#ffd300 !important;

    background:
        linear-gradient(
            110deg,
            rgba(255,211,0,.08),
            rgba(234,247,255,.32),
            #fff
        ) !important;

    box-shadow:
        0 8px 22px rgba(255,211,0,.13) !important;

    animation:atharPaymentCardSelect .32s ease;
}


@keyframes atharPaymentCardSelect{

    0%{
        transform:scale(.985);
    }

    60%{
        transform:scale(1.006);
    }

    100%{
        transform:translateY(-1px) scale(1);
    }
}
/* ============================================================
   ATHAR PAYMENT — HIDE RADIO + 3D STYLE ICONS
============================================================ */


/* 1) إخفاء Radio الأصلي بصرياً فقط — يبقى شغال */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
input.wc-block-components-radio-control__input{
    position:absolute !important;
    opacity:0 !important;

    width:1px !important;
    height:1px !important;

    margin:0 !important;
    padding:0 !important;

    pointer-events:none !important;
}


/* ============================================================
   2) مساحة للأيقونة على اليمين
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label.wc-block-components-radio-control__option{
    position:relative !important;

    min-height:78px !important;

    padding:
        16px 82px
        16px 20px !important;
}


/* ============================================================
   3) 3D ICON — CliQ
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label[for="radio-control-wc-payment-method-options-bacs"]::before{
    content:"⚡" !important;

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

    position:absolute !important;

    right:18px !important;
    top:50% !important;

    width:48px !important;
    height:48px !important;

    transform:translateY(-50%);

    border-radius:15px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #e4f5ff 45%,
            #cbeaff 100%
        ) !important;

    color:#1689dd !important;

    font-size:23px !important;

    box-shadow:
        0 8px 15px rgba(6,59,112,.15),
        inset 2px 2px 4px rgba(255,255,255,.95),
        inset -2px -3px 5px rgba(22,137,221,.12) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* ============================================================
   4) 3D ICON — الدفع عند الاستلام
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label[for="radio-control-wc-payment-method-options-cod"]::before{
    content:"📦" !important;

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

    position:absolute !important;

    right:18px !important;
    top:50% !important;

    width:48px !important;
    height:48px !important;

    transform:translateY(-50%);

    border-radius:15px !important;

    background:
        linear-gradient(
            145deg,
            #fffdf3 0%,
            #fff3bc 48%,
            #ffe889 100%
        ) !important;

    font-size:25px !important;

    box-shadow:
        0 8px 15px rgba(190,145,0,.15),
        inset 2px 2px 4px rgba(255,255,255,.95),
        inset -2px -3px 5px rgba(229,169,0,.12) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* ============================================================
   5) Hover — إحساس 3D بسيط
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option:hover
label::before{

    transform:
        translateY(-54%)
        rotate(-5deg)
        scale(1.07);

    box-shadow:
        0 12px 20px rgba(6,59,112,.18),
        inset 2px 2px 4px rgba(255,255,255,.95) !important;
}


/* ============================================================
   6) المختار — Pop Animation
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label:has(input:checked)::before{
    animation:athar3DPaymentPop .38s ease;
}


@keyframes athar3DPaymentPop{

    0%{
        transform:
            translateY(-50%)
            scale(.82);
    }

    60%{
        transform:
            translateY(-50%)
            scale(1.13)
            rotate(-6deg);
    }

    100%{
        transform:
            translateY(-50%)
            scale(1);
    }
}


/* ============================================================
   7) Card المختارة
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option:has(input:checked){

    border:1.5px solid #ffd300 !important;

    background:
        linear-gradient(
            110deg,
            rgba(255,211,0,.08),
            rgba(234,247,255,.25),
            #fff
        ) !important;

    box-shadow:
        0 8px 22px rgba(255,211,0,.13) !important;
}


/* خط أصفر صغير يوضح الاختيار */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option:has(input:checked)::after{

    content:"" !important;

    display:block !important;

    position:absolute !important;

    right:0 !important;
    top:18px !important;

    width:4px !important;
    height:40px !important;

    border-radius:4px 0 0 4px !important;

    background:#ffd300 !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media(max-width:700px){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    #payment-method
    label.wc-block-components-radio-control__option{

        padding-right:70px !important;
    }

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    #payment-method
    label[for="radio-control-wc-payment-method-options-bacs"]::before,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card
    #payment-method
    label[for="radio-control-wc-payment-method-options-cod"]::before{

        right:12px !important;

        width:42px !important;
        height:42px !important;

        border-radius:12px !important;

        font-size:21px !important;
    }
}
/* ============================================================
   ATHAR PAYMENT — FINAL POLISH
============================================================ */


/* ============================================================
   1) CLIQ ICON — بدل البرق
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label[for="radio-control-wc-payment-method-options-bacs"]::before{

    content:"CliQ" !important;

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

    position:absolute !important;
    right:18px !important;
    top:50% !important;

    width:52px !important;
    height:45px !important;

    transform:translateY(-50%) !important;

    border-radius:14px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #edf8ff 55%,
            #d9f0ff 100%
        ) !important;

    color:#063b70 !important;

    font-family:Arial,sans-serif !important;
    font-size:15px !important;
    font-weight:900 !important;
    font-style:normal !important;

    letter-spacing:-1px !important;

    box-shadow:
        0 8px 16px rgba(6,59,112,.13),
        inset 2px 2px 4px rgba(255,255,255,.95),
        inset -2px -3px 5px rgba(22,137,221,.10) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* لمسة برتقالية صغيرة بهوية CliQ */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
label[for="radio-control-wc-payment-method-options-bacs"]::after{

    content:"" !important;

    display:block !important;

    position:absolute !important;

    right:24px !important;
    top:calc(50% + 9px) !important;

    width:8px !important;
    height:3px !important;

    border-radius:10px !important;

    background:#ff8a00 !important;

    transform:rotate(-15deg) !important;

    box-shadow:none !important;
}


/* Hover للـ CliQ */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#payment-method
.wc-block-components-radio-control-accordion-option:hover
label[for="radio-control-wc-payment-method-options-bacs"]::before{

    transform:
        translateY(-53%)
        rotate(-3deg)
        scale(1.05) !important;

    box-shadow:
        0 12px 20px rgba(6,59,112,.17),
        inset 2px 2px 4px rgba(255,255,255,.95) !important;
}


/* ============================================================
   2) PLACE ORDER — إزالة القفل نهائياً
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button::after{

    content:"→" !important;

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

    position:absolute !important;

    right:18px !important;
    top:50% !important;

    width:36px !important;
    height:36px !important;

    transform:translateY(-50%) !important;

    border-radius:11px !important;

    background:rgba(255,255,255,.11) !important;

    color:#fff !important;

    font-size:22px !important;
    font-weight:700 !important;

    transition:
        transform .25s ease,
        background .25s ease !important;
}


/* نحذف أي سهم قديم ثاني */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button
.wc-block-components-button__text::before{

    content:none !important;
    display:none !important;
}


/* ============================================================
   PLACE ORDER — 3D ARROW NEXT TO TEXT
============================================================ */

/* نخلي محتوى الزر نفسه مرتب */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button
.wc-block-components-button__text{
    position:relative !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction: row-reverse !important;
    gap:15px !important;

    overflow:visible !important;
}


/* السهم 3D — على شمال كلمة إتمام الطلب */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button
.wc-block-components-button__text::after{

    content:"←" !important;

    position:relative !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:31px !important;
    height:31px !important;

    flex:0 0 31px !important;

    border-radius:10px !important;

    color:#ffffff !important;

    font-size:19px !important;
    font-weight:900 !important;
    line-height:1 !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.25),
            rgba(255,255,255,.08)
        ) !important;

    border:1px solid rgba(255,255,255,.18) !important;

    box-shadow:
        0 5px 9px rgba(0,0,0,.16),
        inset 2px 2px 3px rgba(255,255,255,.22),
        inset -2px -2px 3px rgba(0,0,0,.10) !important;

    transform:translateY(0) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* نحذف السهم القديم الموجود بطرف الزر */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button::after{

    content:none !important;
    display:none !important;
}


/* حركة السهم عند المرور على الزر */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button:hover
.wc-block-components-button__text::after{

    transform:
        translateX(-4px)
        translateY(-1px)
        rotate(-4deg) !important;

    box-shadow:
        0 8px 13px rgba(0,0,0,.20),
        inset 2px 2px 4px rgba(255,255,255,.28),
        inset -2px -2px 4px rgba(0,0,0,.10) !important;
}


/* ============================================================
   3) إزالة أي طبقة بيضاء غريبة من زر إتمام الطلب
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button{

    background:
        linear-gradient(
            115deg,
            #063b70 0%,
            #0870c5 52%,
            #063b70 100%
        ) !important;

    background-color:#063b70 !important;

    isolation:isolate !important;
}


/* الـshine فقط شفاف ونظيف */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button::before{

    content:"" !important;

    display:block !important;

    position:absolute !important;

    top:-70% !important;
    left:-70px !important;

    width:35px !important;
    height:240% !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.18),
            transparent
        ) !important;

    transform:rotate(22deg) !important;

    pointer-events:none !important;

    animation:atharFinalShine 4.8s ease-in-out infinite !important;
}


/* ============================================================
   4) WHATSAPP — أيقونة واضحة وتفاعلية
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.athar-whatsapp-order-button{

    overflow:hidden !important;

    background:
        linear-gradient(
            110deg,
            #ffffff 0%,
            #effff4 100%
        ) !important;

    border:2px solid #20bd5a !important;

    color:#12a548 !important;
}


/* شكل أيقونة واتساب */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.athar-whatsapp-order-button
.athar-whatsapp-svg{

    display:block !important;

    width:25px !important;
    height:25px !important;

    padding:6px !important;

    box-sizing:content-box !important;

    border-radius:50% !important;

    background:#20bd5a !important;

    color:#fff !important;

    box-shadow:
        0 5px 12px rgba(32,189,90,.20) !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease !important;
}


/* WhatsApp Hover */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.athar-whatsapp-order-button:hover{

    background:
        linear-gradient(
            110deg,
            #20bd5a,
            #18aa4e
        ) !important;

    color:#fff !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 11px 25px rgba(32,189,90,.20) !important;
}


body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.athar-whatsapp-order-button:hover
.athar-whatsapp-svg{

    transform:
        rotate(-8deg)
        scale(1.10) !important;

    box-shadow:
        0 7px 16px rgba(0,0,0,.12) !important;
}


/* ============================================================
   5) CLICK EFFECT للأزرار
============================================================ */

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.wc-block-components-checkout-place-order-button:active,

body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
button.athar-whatsapp-order-button:active{

    transform:
        translateY(0)
        scale(.985) !important;
}


/* ============================================================
   ANIMATION
============================================================ */

@keyframes atharFinalShine{

    0%,
    72%{
        left:-70px;
    }

    92%,
    100%{
        left:110%;
    }
}


/* ============================================================
   ACCESSIBILITY
============================================================ */

@media(prefers-reduced-motion:reduce){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card *,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card *::before,

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .athar-payment-card *::after{

        animation:none !important;
        transition:none !important;
    }
}
/* =========================================
   CHECKOUT — HIDE NOTE + TERMS
========================================= */

/* إخفاء إضافة ملاحظة على الطلب */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
#order-notes{
    display:none !important;
}


/* إخفاء Terms & Conditions */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__terms{
    display:none !important;
}


/* ترتيب المسافة قبل زر إتمام الطلب */
body.woocommerce-checkout:not(.woocommerce-order-received)
.athar-payment-card
.wc-block-checkout__actions{
    margin-top:18px !important;
}
/* ============================================================
   CHECKOUT — REMOVE HEADER / FOOTER GAPS
============================================================ */

/* إزالة الفراغ فوق الهيدر */
body.woocommerce-checkout:not(.woocommerce-order-received){
    margin-top:0 !important;
    padding-top:0 !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .site-header{
    margin-top:0 !important;
}


/* إزالة أي فراغ بين محتوى Checkout والـ Footer */
body.woocommerce-checkout:not(.woocommerce-order-received) main,
body.woocommerce-checkout:not(.woocommerce-order-received) .site-main{
    margin-bottom:0 !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .site-footer{
    margin-top:0 !important;
}


/* منع أول وآخر عنصر من عمل margin collapse */
body.woocommerce-checkout:not(.woocommerce-order-received) .site-header + *{
    margin-top:0 !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) footer{
    margin-top:0 !important;
}
/* Checkout - space before footer */
body.woocommerce-checkout:not(.woocommerce-order-received)
main.shell.section{
    margin-bottom: 30px !important;
}
/* =========================================
   REMOVE WHITE SPACE BELOW FOOTER
========================================= */

html,
body{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.site-footer{
    margin-bottom: 0 !important;
}

body > .site-footer{
    margin-bottom: 0 !important;
}
.cart-icon{
    width:25px;
    height:25px;
    display:block;
}
/* Hide WooCommerce extra mobile Order Summary */
@media (max-width: 1000px){

    body.woocommerce-checkout:not(.woocommerce-order-received)
    .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper{
        display:none !important;
    }

}
/* ATHAR - Keep Checkout Order Summary Expanded */

@media (min-width: 768px) {
    .athar-customer-card ~ .wc-block-checkout__sidebar
    .wc-block-components-checkout-order-summary__content {
        display: block !important;
    }
}
/* =====================================================
   ATHAR & INJAZ - CART PAGE DESIGN V1
   CART ONLY - DO NOT AFFECT CHECKOUT
   ===================================================== */

body.athar-cart-page {
    background: #f4fbff;
    color: #063b70;
}

/* Page heading */
.athar-cart-page .athar-cart-hero {
    max-width: 1180px;
    margin: 30px auto 24px;
    padding: 35px 20px;
    text-align: center;
    direction: rtl;
    background: linear-gradient(135deg, #dff3ff, #f5fbff);
    border-radius: 24px;
}

.athar-cart-page .athar-cart-hero h1 {
    margin: 0;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
    color: #063b70;
}

.athar-cart-page .athar-cart-hero p {
    margin: 12px 0 0;
    font-size: 16px;
}

.athar-cart-page .athar-cart-underline {
    display: block;
    width: 65px;
    height: 4px;
    background: #ffd300;
    border-radius: 10px;
    margin: 12px auto;
}

/* Main WooCommerce Cart */
.athar-cart-page .wp-block-woocommerce-cart,
.athar-cart-page .woocommerce-cart-form {
    width: min(1180px, calc(100% - 32px));
    max-width: 1180px;
    margin: 20px auto 30px;
    direction: rtl;
}

.athar-cart-page .wc-block-cart,
.athar-cart-page .wc-block-components-sidebar-layout {
    direction: rtl;
}

.athar-cart-page .wc-block-components-sidebar-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 22px;
    align-items: start;
}

/* Product list */
.athar-cart-page .wc-block-cart__main {
    width: 100% !important;
    min-width: 0;
    background: #fff;
    border: 1px solid #d6e9f7;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 8px 25px rgba(6, 59, 112, .04);
}

.athar-cart-page .wc-block-cart-items {
    width: 100%;
    border-collapse: collapse;
}

.athar-cart-page .wc-block-cart-items__header {
    background: #f0f8ff;
    color: #063b70;
}

.athar-cart-page .wc-block-cart-items__row {
    border-bottom: 1px solid #e3eef7;
}

.athar-cart-page .wc-block-cart-item__image img {
    border-radius: 12px;
    background: #eef8ff;
    object-fit: contain;
}

.athar-cart-page .wc-block-components-product-name {
    color: #063b70;
    font-weight: 800;
    text-decoration: none;
}

.athar-cart-page .wc-block-components-quantity-selector {
    border: 1px solid #c6e2f7;
    border-radius: 25px;
    overflow: hidden;
    background: #fff;
}

.athar-cart-page .wc-block-components-quantity-selector button {
    background: transparent !important;
    color: #063b70 !important;
    border: 0 !important;
}

.athar-cart-page .wc-block-components-quantity-selector input {
    color: #063b70 !important;
    font-weight: 800;
    background: #fff !important;
}

/* Order summary */
.athar-cart-page .wc-block-cart__sidebar {
    width: 100% !important;
    min-width: 0;
    background: #fff;
    border: 1px solid #d6e9f7;
    border-radius: 20px;
    padding: 22px;
    box-shadow: 0 8px 25px rgba(6, 59, 112, .04);
}

.athar-cart-page .wc-block-cart__totals-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #063b70 !important;
}

.athar-cart-page .wc-block-components-totals-item {
    padding: 12px 0;
    color: #063b70;
}

.athar-cart-page .wc-block-components-totals-footer-item {
    border-top: 1px solid #d6e9f7;
    font-weight: 800;
    font-size: 20px;
}

/* Checkout button - only inside Cart */
.athar-cart-page .wc-block-cart__submit-button {
    width: 100%;
    min-height: 50px;
    background: #063b70 !important;
    color: #fff !important;
    border-radius: 30px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.athar-cart-page .wc-block-cart__submit-button:hover {
    background: #07518f !important;
}

/* Recommendations */
.athar-cart-page .athar-cart-recommendations {
    width: min(1180px, calc(100% - 32px));
    margin: 30px auto 45px;
    padding: 28px;
    background: #eaf7ff;
    border-radius: 24px;
    direction: rtl;
    text-align: center;
}

.athar-cart-page .athar-cart-recommendations h2 {
    margin: 0;
    color: #063b70;
    font-size: 27px;
}

.athar-cart-page .athar-cart-products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.athar-cart-page .athar-cart-product {
    min-width: 0;
    background: #fff;
    border: 1px solid #d8eaf8;
    border-radius: 17px;
    padding: 15px;
    text-align: center;
}

.athar-cart-page .athar-cart-product img {
    width: 100%;
    height: 160px;
    object-fit: contain;
    border-radius: 12px;
    background: #f3faff;
}

.athar-cart-page .athar-cart-product h3 {
    margin: 12px 0 8px;
    font-size: 16px;
    color: #063b70;
}

.athar-cart-page .athar-cart-product-price {
    font-weight: 800;
    margin-bottom: 12px;
}

.athar-cart-page .athar-cart-shop-btn,
.athar-cart-page .athar-cart-back-shop {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #ffd300;
    color: #063b70;
    border-radius: 25px;
    padding: 10px 20px;
    font-weight: 800;
    text-decoration: none;
}

.athar-cart-page .athar-cart-back-shop {
    margin-top: 22px;
}

/* Empty cart */
.athar-cart-page .wp-block-woocommerce-empty-cart-block {
    width: min(1180px, calc(100% - 32px));
    margin: 25px auto;
    padding: 45px 20px;
    background: #eaf7ff;
    border-radius: 24px;
    text-align: center;
    direction: rtl;
}

/* Tablet */
@media (max-width: 900px) {
    .athar-cart-page .wc-block-components-sidebar-layout {
        grid-template-columns: 1fr;
    }

    .athar-cart-page .athar-cart-products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 600px) {
    .athar-cart-page .athar-cart-hero {
        padding: 28px 15px;
    }

    .athar-cart-page .wc-block-cart__main,
    .athar-cart-page .wc-block-cart__sidebar {
        padding: 14px;
    }

    .athar-cart-page .athar-cart-recommendations {
        padding: 20px 12px;
    }

    .athar-cart-page .athar-cart-products {
        gap: 10px;
    }

    .athar-cart-page .athar-cart-product {
        padding: 10px;
    }

    .athar-cart-page .athar-cart-product img {
        height: 120px;
    }
}
/* =========================================
   ATHAR CART - PRODUCT & SUMMARY POLISH
   Cart page only
========================================= */

body.athar-cart-page .wc-block-cart__main,
body.athar-cart-page .wc-block-cart__sidebar {
    border: 1px solid #d5e8f7 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 8px 25px rgba(6, 59, 112, 0.05);
}

/* Products card */
body.athar-cart-page .wc-block-cart__main {
    padding: 24px !important;
}

body.athar-cart-page .wc-block-cart-items__header {
    background: #eef8ff !important;
}

body.athar-cart-page .wc-block-cart-items__header th {
    color: #063b70 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    padding: 15px 12px !important;
}

body.athar-cart-page .wc-block-cart-items__row td {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    vertical-align: middle !important;
}

body.athar-cart-page .wc-block-cart-item__image img {
    width: 90px !important;
    height: 105px !important;
    object-fit: contain !important;
    background: #eef8ff;
    border-radius: 14px;
}

body.athar-cart-page .wc-block-components-product-name {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #063b70 !important;
}

/* Summary card */
body.athar-cart-page .wc-block-cart__sidebar {
    padding: 24px !important;
}

body.athar-cart-page .wc-block-cart__totals-title {
    text-align: right !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #dceaf5;
}

body.athar-cart-page .wc-block-components-totals-item {
    padding: 15px 0 !important;
}

body.athar-cart-page .wc-block-components-totals-footer-item {
    background: #eef8ff;
    border-radius: 12px;
    padding: 16px 12px !important;
    margin-top: 12px;
}

/* Checkout navigation button - inside Cart only */
body.athar-cart-page .wc-block-cart__submit-button {
    min-height: 54px !important;
    background: #063b70 !important;
    color: #fff !important;
    border-radius: 28px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

/* Mobile */
@media (max-width: 767px) {
    body.athar-cart-page .wc-block-cart__main,
    body.athar-cart-page .wc-block-cart__sidebar {
        padding: 15px !important;
    }

    body.athar-cart-page .wc-block-cart-item__image img {
        width: 65px !important;
        height: 80px !important;
    }

    body.athar-cart-page .wc-block-cart__totals-title {
        font-size: 21px !important;
    }
}
/* ==================================================
   ATHAR CART - QUANTITY & PRODUCT ROW FINAL STYLE
   CART PAGE ONLY
================================================== */

/* Product row spacing */
body.athar-cart-page .wc-block-cart-items__row {
    border-bottom: 1px solid #e5eff7 !important;
}

body.athar-cart-page .wc-block-cart-items__row td {
    vertical-align: middle !important;
}

/* Product image */
body.athar-cart-page .wc-block-cart-item__image img {
    width: 85px !important;
    height: 100px !important;
    object-fit: contain !important;
    border: 1px solid #e1eff9;
    border-radius: 13px !important;
    padding: 5px;
    background: #f3faff;
}

/* Product title */
body.athar-cart-page .wc-block-components-product-name {
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.6;
    font-weight: 800 !important;
    color: #063b70 !important;
}

/* Quantity selector */
body.athar-cart-page .wc-block-components-quantity-selector {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 125px !important;
    min-height: 40px !important;
    border: 1px solid #c7e2f7 !important;
    border-radius: 25px !important;
    background: #fff !important;
    overflow: hidden;
    box-shadow: none !important;
}

/* Plus and minus buttons */
body.athar-cart-page .wc-block-components-quantity-selector__button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 38px !important;
    min-width: 35px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #063b70 !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    border: 0 !important;
    cursor: pointer;
    transition: background .2s ease;
}

body.athar-cart-page .wc-block-components-quantity-selector__button:hover {
    background: #eaf7ff !important;
}

/* Quantity number */
body.athar-cart-page .wc-block-components-quantity-selector__input {
    width: 45px !important;
    min-width: 35px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #063b70 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    appearance: textfield;
    -moz-appearance: textfield;
}

/* Remove native input arrows */
body.athar-cart-page
.wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
body.athar-cart-page
.wc-block-components-quantity-selector__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove item button */
body.athar-cart-page .wc-block-cart-item__remove-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    padding: 6px !important;
    color: #e11d48 !important;
    background: #fff1f2 !important;
    border: 1px solid #ffe0e6 !important;
    border-radius: 9px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    cursor: pointer;
}

body.athar-cart-page .wc-block-cart-item__remove-link:hover {
    background: #ffe4e6 !important;
    color: #be123c !important;
}

/* Product price */
body.athar-cart-page .wc-block-cart-item__prices,
body.athar-cart-page .wc-block-cart-item__total {
    color: #063b70 !important;
    font-weight: 800 !important;
}

/* Mobile */
@media (max-width: 600px) {
    body.athar-cart-page .wc-block-cart-item__image img {
        width: 65px !important;
        height: 78px !important;
    }

    body.athar-cart-page .wc-block-components-quantity-selector {
        width: 105px !important;
    }

    body.athar-cart-page .wc-block-components-quantity-selector__button {
        width: 30px !important;
        min-width: 30px !important;
    }

    body.athar-cart-page .wc-block-components-quantity-selector__input {
        width: 35px !important;
    }
}
/* ==========================================
   ATHAR CART - SUMMARY & EMPTY CART
   Cart only
========================================== */

/* Summary card */
body.athar-cart-page .wc-block-cart__sidebar {
    background: #fff !important;
    border: 1px solid #d7e8f5 !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 8px 24px rgba(6,59,112,.05);
}

/* Summary title */
body.athar-cart-page .wc-block-cart__totals-title {
    color: #063b70 !important;
    font-size: 23px !important;
    font-weight: 800 !important;
    text-align: right !important;
    border-bottom: 1px solid #e1edf6;
    padding-bottom: 16px !important;
    margin-bottom: 12px !important;
}

/* Summary rows */
body.athar-cart-page .wc-block-cart__sidebar
.wc-block-components-totals-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 13px 0 !important;
    color: #063b70 !important;
}

/* Total amount */
body.athar-cart-page .wc-block-cart__sidebar
.wc-block-components-totals-footer-item {
    background: #eaf7ff;
    border-radius: 13px;
    padding: 16px 12px !important;
    margin-top: 12px;
    font-size: 18px !important;
    font-weight: 800 !important;
}

/* Checkout button - Cart only */
body.athar-cart-page .wc-block-cart__submit-button {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 54px;
    border-radius: 28px !important;
    background: #063b70 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    transition: background .2s ease;
}

body.athar-cart-page .wc-block-cart__submit-button:hover {
    background: #075493 !important;
}

/* Empty cart */
body.athar-cart-page .wp-block-woocommerce-empty-cart-block {
    width: min(1100px, calc(100% - 32px));
    margin: 30px auto 45px;
    padding: 55px 24px;
    background: #eaf7ff;
    border-radius: 24px;
    text-align: center;
    direction: rtl;
}

body.athar-cart-page .wp-block-woocommerce-empty-cart-block h2 {
    color: #063b70;
    font-size: clamp(24px, 4vw, 32px);
    font-weight: 800;
}

body.athar-cart-page .wp-block-woocommerce-empty-cart-block
.wp-block-button__link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding: 12px 26px;
    border-radius: 28px;
    background: #ffd300 !important;
    color: #063b70 !important;
    font-weight: 800;
    text-decoration: none;
}

/* Mobile */
@media (max-width: 767px) {
    body.athar-cart-page .wc-block-cart__sidebar {
        padding: 18px !important;
    }

    body.athar-cart-page .wc-block-cart__totals-title {
        font-size: 21px !important;
    }

    body.athar-cart-page .wp-block-woocommerce-empty-cart-block {
        padding: 35px 16px;
    }
}
/* ATHAR CART - PRODUCT SPACING FIX */

body.athar-cart-page .wc-block-cart-items__row
.wc-block-cart-item__product {
    text-align: right !important;
}

body.athar-cart-page .wc-block-cart-item__product
.wc-block-cart-item__wrap {
    align-items: flex-start !important;
    text-align: right !important;
}

body.athar-cart-page .wc-block-cart-item__image {
    padding-inline: 0 !important;
}

body.athar-cart-page .wc-block-cart-item__product {
    padding-inline: 12px !important;
}

body.athar-cart-page .wc-block-components-product-name {
    line-height: 1.5 !important;
}/* ==========================================
   ATHAR CART - TRUST INFORMATION STYLE
========================================== */

body.athar-cart-page .athar-cart-trust {
    margin-top: 14px;
    padding: 8px 14px;
    background: #f1faff;
    border-radius: 13px;
    direction: rtl;
}

body.athar-cart-page .athar-cart-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 5px;
    color: #063b70;
    font-size: 13px;
    border-bottom: 1px solid #e1edf6;
}

body.athar-cart-page .athar-cart-trust-item:last-child {
    border-bottom: none;
}

body.athar-cart-page .athar-cart-trust-item span:first-child {
    font-size: 18px;
    flex-shrink: 0;
}

body.athar-cart-page .athar-cart-trust-item strong {
    font-weight: 800;
}

@media (max-width: 767px) {
    body.athar-cart-page .athar-cart-trust {
        padding: 8px 10px;
    }

    body.athar-cart-page .athar-cart-trust-item {
        font-size: 12px;
    }
}
/* =========================================================
   ATHAR INJAZ - CART FINAL DESIGN
   Scoped to Cart only
========================================================= */

body.athar-cart-page {
    --athar-navy: #073b73;
    --athar-blue: #0863a7;
    --athar-sky: #e9f7ff;
    --athar-yellow: #ffd300;
    --athar-border: #d7eaf8;
}

/* ==========================================
   1. CART HERO BANNER
========================================== */

body.athar-cart-page .athar-cart-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 190px;
    padding: 42px 25px !important;
    background: linear-gradient(
        115deg,
        #d7f1ff 0%,
        #edfaff 48%,
        #d2efff 100%
    ) !important;
    border-radius: 25px !important;
    text-align: center;
}

body.athar-cart-page .athar-cart-hero > *:not(.athar-cart-hero-art) {
    position: relative;
    z-index: 2;
}

body.athar-cart-page .athar-cart-hero h1,
body.athar-cart-page .athar-cart-hero h2 {
    color: var(--athar-navy) !important;
    font-size: clamp(30px, 4vw, 42px) !important;
    font-weight: 900 !important;
    margin-bottom: 12px !important;
}

body.athar-cart-page .athar-cart-hero-art {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

body.athar-cart-page .athar-cart-cloud {
    position: absolute;
    font-size: 75px;
    color: #fff;
    opacity: .8;
    line-height: 1;
}

body.athar-cart-page .cloud-one {
    right: 7%;
    top: 15px;
}

body.athar-cart-page .cloud-two {
    left: 7%;
    bottom: -15px;
}

body.athar-cart-page .athar-cart-star {
    position: absolute;
    color: #ffc900;
    font-size: 34px;
    text-shadow: 0 3px 4px rgba(210,160,0,.15);
}

body.athar-cart-page .star-one {
    right: 20%;
    top: 35px;
}

body.athar-cart-page .star-two {
    left: 22%;
    bottom: 25px;
}

body.athar-cart-page .athar-cart-books {
    position: absolute;
    right: 4%;
    bottom: 0;
    font-size: 85px;
    transform: rotate(-9deg);
}

/* ==========================================
   2. CART PRODUCTS CARD
========================================== */

body.athar-cart-page .wc-block-cart__main {
    background: #fff !important;
    border: 1px solid var(--athar-border) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 8px 25px rgba(7,59,115,.04);
}

body.athar-cart-page .athar-cart-products-title {
    color: var(--athar-navy);
    font-size: 21px;
    font-weight: 900;
    text-align: right;
    margin: 0 0 20px;
    line-height: 1.6;
}

body.athar-cart-page .wc-block-cart-items__header {
    background: #eef8ff !important;
}

body.athar-cart-page .wc-block-cart-items__header th {
    color: var(--athar-navy) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

body.athar-cart-page .wc-block-cart-items__row {
    border-bottom: 1px solid #e5eff7 !important;
}

body.athar-cart-page .wc-block-cart-item__image img {
    width: 85px !important;
    height: 105px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    background: #eff8ff;
    border: 1px solid #deedf8;
}

body.athar-cart-page .wc-block-components-product-name {
    color: var(--athar-navy) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

/* Quantity selector */

body.athar-cart-page .wc-block-components-quantity-selector {
    border: 1px solid #c9e3f8 !important;
    border-radius: 25px !important;
    background: #fff !important;
    overflow: hidden;
}

body.athar-cart-page .wc-block-components-quantity-selector__button {
    color: var(--athar-navy) !important;
    font-weight: 800 !important;
}

body.athar-cart-page .wc-block-components-quantity-selector__input {
    color: var(--athar-navy) !important;
    font-weight: 800 !important;
    text-align: center !important;
}

body.athar-cart-page .wc-block-cart-item__remove-link {
    color: #e11d48 !important;
    background: #fff1f2 !important;
    border-radius: 9px !important;
    padding: 7px !important;
    text-decoration: none !important;
}

/* ==========================================
   3. ORDER SUMMARY
========================================== */

body.athar-cart-page .wc-block-cart__sidebar {
    background: #fff !important;
    border: 1px solid var(--athar-border) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 8px 25px rgba(7,59,115,.04);
}

body.athar-cart-page .wc-block-cart__totals-title {
    color: var(--athar-navy) !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    text-align: right !important;
    border-bottom: 1px solid #e1edf6;
    padding-bottom: 15px !important;
}

body.athar-cart-page .wc-block-components-totals-footer-item {
    background: #eaf7ff !important;
    border-radius: 13px !important;
    padding: 16px 12px !important;
    color: var(--athar-navy) !important;
    font-weight: 900 !important;
}

body.athar-cart-page .wc-block-cart__submit-button {
    background: var(--athar-navy) !important;
    color: #fff !important;
    border-radius: 30px !important;
    min-height: 52px !important;
    font-weight: 800 !important;
}

body.athar-cart-page .wc-block-cart__submit-button:hover {
    background: #075596 !important;
}

/* ==========================================
   4. TRUST INFORMATION
========================================== */

body.athar-cart-page .athar-cart-trust {
    margin-top: 14px;
    padding: 6px 14px;
    background: #f1faff;
    border-radius: 13px;
    direction: rtl;
}

body.athar-cart-page .athar-cart-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 4px;
    color: var(--athar-navy);
    font-size: 12px;
    border-bottom: 1px solid #e1edf6;
}

body.athar-cart-page .athar-cart-trust-item:last-child {
    border-bottom: none;
}

body.athar-cart-page .athar-cart-trust-item span:first-child {
    font-size: 18px;
}

/* ==========================================
   5. EMPTY CART
========================================== */

body.athar-cart-page .athar-cart-empty-design {
    position: relative;
    overflow: hidden;
    text-align: center;
    direction: rtl;
    background: linear-gradient(
        145deg,
        #dff4ff,
        #f1fbff,
        #d5f0ff
    ) !important;
    border-radius: 25px;
    padding: 45px 20px 55px !important;
    min-height: 400px;
}

body.athar-cart-page .athar-empty-illustration {
    position: relative;
    height: 150px;
    margin: 0 auto 12px;
    max-width: 500px;
}

body.athar-cart-page .athar-empty-cart-icon {
    position: relative;
    display: inline-block;
    font-size: 100px;
    line-height: 1.3;
    filter: drop-shadow(0 8px 8px rgba(7,59,115,.1));
}

body.athar-cart-page .athar-empty-books {
    position: absolute;
    top: -15px;
    right: -35px;
    font-size: 50px;
}

body.athar-cart-page .athar-empty-cloud {
    position: absolute;
    color: #fff;
    font-size: 75px;
    opacity: .9;
}

body.athar-cart-page .athar-empty-cloud.cloud-left {
    left: 5%;
    top: 30px;
}

body.athar-cart-page .athar-empty-cloud.cloud-right {
    right: 5%;
    bottom: 0;
}

body.athar-cart-page .athar-empty-star {
    position: absolute;
    color: #ffd000;
    font-size: 30px;
}

body.athar-cart-page .athar-empty-star.star-left {
    left: 18%;
    top: 10px;
}

body.athar-cart-page .athar-empty-star.star-right {
    right: 20%;
    bottom: 5px;
}

body.athar-cart-page .athar-empty-custom-copy h2 {
    color: var(--athar-navy);
    font-size: clamp(26px, 4vw, 38px);
    font-weight: 900;
    margin: 12px 0 15px;
}

body.athar-cart-page .athar-empty-custom-copy p {
    color: var(--athar-navy);
    font-size: 16px;
    line-height: 2;
    margin-bottom: 25px;
}

body.athar-cart-page .athar-empty-shop-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 12px 35px;
    background: var(--athar-yellow);
    color: var(--athar-navy);
    font-size: 16px;
    font-weight: 900;
    border-radius: 30px;
    text-decoration: none;
    box-shadow: 0 5px 12px rgba(255,211,0,.15);
    transition: transform .2s ease;
}

body.athar-cart-page .athar-empty-shop-button:hover {
    transform: translateY(-2px);
    color: var(--athar-navy);
}

body.athar-cart-page .athar-empty-native-hidden {
    display: none !important;
}

/* ==========================================
   6. RECOMMENDED PRODUCTS
========================================== */

body.athar-cart-page .athar-cart-recommendations {
    background: #e8f7ff;
    border-radius: 22px;
    padding: 28px 22px;
    margin-top: 30px;
}

body.athar-cart-page .athar-cart-recommendations h2 {
    text-align: center;
    color: var(--athar-navy);
    font-size: 27px;
    font-weight: 900;
    margin-bottom: 25px;
}

body.athar-cart-page .athar-cart-recommendations
.athar-cart-products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

body.athar-cart-page .athar-cart-recommendations
.athar-cart-product-card {
    background: #fff;
    border: 1px solid #d9ecf9;
    border-radius: 14px;
    padding: 12px;
    text-align: center;
    min-width: 0;
    transition: transform .2s ease;
}

body.athar-cart-page .athar-cart-recommendations
.athar-cart-product-card:hover {
    transform: translateY(-4px);
}

body.athar-cart-page .athar-cart-recommendations img {
    width: 100%;
    height: 145px;
    object-fit: contain;
    background: #eff9ff;
    border-radius: 10px;
}

body.athar-cart-page .athar-cart-recommendations
.athar-cart-product-card h3 {
    color: var(--athar-navy);
    font-size: 15px;
    font-weight: 800;
    margin: 10px 0 6px;
}

body.athar-cart-page .athar-cart-recommendations
.athar-cart-product-card .price {
    color: var(--athar-navy);
    font-weight: 900;
}

body.athar-cart-page .athar-cart-recommendations
.add_to_cart_button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--athar-yellow) !important;
    color: var(--athar-navy) !important;
    border-radius: 25px !important;
    padding: 10px 18px !important;
    margin-top: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

/* ==========================================
   7. RESPONSIVE
========================================== */

@media (max-width: 991px) {

    body.athar-cart-page .athar-cart-recommendations
    .athar-cart-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.athar-cart-page .athar-cart-books {
        font-size: 60px;
    }
}

@media (max-width: 767px) {

    body.athar-cart-page .athar-cart-hero {
        min-height: 160px;
        padding: 32px 15px !important;
    }

    body.athar-cart-page .athar-cart-hero h1,
    body.athar-cart-page .athar-cart-hero h2 {
        font-size: 27px !important;
    }

    body.athar-cart-page .athar-cart-books {
        opacity: .35;
        right: 0;
    }

    body.athar-cart-page .wc-block-cart__main,
    body.athar-cart-page .wc-block-cart__sidebar {
        padding: 16px !important;
    }

    body.athar-cart-page .athar-cart-products-title {
        font-size: 18px;
    }

    body.athar-cart-page .athar-cart-recommendations {
        padding: 20px 12px;
    }

    body.athar-cart-page .athar-cart-recommendations h2 {
        font-size: 23px;
    }

    body.athar-cart-page .athar-cart-recommendations img {
        height: 115px;
    }

    body.athar-cart-page .athar-cart-empty-design {
        padding: 30px 15px 40px !important;
    }

    body.athar-cart-page .athar-empty-cart-icon {
        font-size: 75px;
    }

    body.athar-cart-page .athar-empty-books {
        font-size: 38px;
    }
}

@media (max-width: 420px) {

    body.athar-cart-page .athar-cart-recommendations
    .athar-cart-products-grid {
        gap: 10px;
    }

    body.athar-cart-page .athar-cart-recommendations
    .athar-cart-product-card {
        padding: 8px;
    }

    body.athar-cart-page .athar-cart-recommendations
    .add_to_cart_button {
        font-size: 11px;
        padding: 9px 10px !important;
    }
}
/* ==========================================
   ATHAR CART - PRODUCT ROW REFINEMENT
   Cart page only
========================================== */

body.athar-cart-page .wc-block-cart-items__row
.wc-block-cart-item__product {
    text-align: right !important;
    padding: 18px 12px !important;
}

body.athar-cart-page .wc-block-cart-item__product
.wc-block-cart-item__wrap {
    width: 100%;
    text-align: right !important;
}

body.athar-cart-page .wc-block-cart-item__image {
    vertical-align: top !important;
    padding: 18px 4px !important;
}

body.athar-cart-page .wc-block-cart-item__image img {
    width: 95px !important;
    height: 115px !important;
    object-fit: contain !important;
}

body.athar-cart-page .wc-block-components-product-name {
    display: inline-block;
    margin-bottom: 5px !important;
    line-height: 1.6 !important;
}

body.athar-cart-page .wc-block-cart-item__quantity {
    margin-top: 12px !important;
}

body.athar-cart-page .wc-block-cart-item__total {
    text-align: left !important;
    padding-top: 22px !important;
}

@media (max-width: 767px) {
    body.athar-cart-page .wc-block-cart-item__image img {
        width: 70px !important;
        height: 90px !important;
    }

    body.athar-cart-page .wc-block-cart-items__row
    .wc-block-cart-item__product {
        padding: 12px 6px !important;
    }
}
/* ==============================================
   ATHAR - EMPTY CART FINAL DESIGN FIX
============================================== */

/* Hide WooCommerce default empty-cart content */
body.athar-cart-page
.wp-block-woocommerce-empty-cart-block.athar-empty-cart-fixed
> :not(.athar-empty-final-content) {
    display: none !important;
}

/* Empty cart container */
body.athar-cart-page .athar-empty-cart-fixed {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 430px;
    padding: 45px 20px !important;
    background: linear-gradient(
        145deg,
        #dff4ff,
        #f3fbff,
        #d5f0ff
    ) !important;
    border-radius: 25px;
    text-align: center;
    direction: rtl;
    overflow: hidden;
}

/* Main content */
body.athar-cart-page .athar-empty-final-content {
    width: 100%;
    max-width: 650px;
    margin: auto;
    text-align: center;
}

/* Illustration */
body.athar-cart-page .athar-empty-final-illustration {
    font-size: 100px;
    line-height: 1.5;
    margin-bottom: 10px;
}

/* Title */
body.athar-cart-page .athar-empty-final-content h2 {
    color: #073b73 !important;
    font-size: clamp(28px, 4vw, 40px) !important;
    font-weight: 900 !important;
    margin: 10px 0 16px !important;
}

/* Description */
body.athar-cart-page .athar-empty-final-content p {
    color: #073b73 !important;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 25px;
}

/* Shop button */
body.athar-cart-page .athar-empty-final-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 35px;
    min-height: 52px;
    background: #ffd300 !important;
    color: #073b73 !important;
    border-radius: 30px;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 900;
    transition: transform .2s ease;
}

body.athar-cart-page .athar-empty-final-button:hover {
    transform: translateY(-3px);
    color: #073b73 !important;
}

@media (max-width: 767px) {
    body.athar-cart-page .athar-empty-cart-fixed {
        min-height: 360px;
        padding: 30px 15px !important;
    }

    body.athar-cart-page .athar-empty-final-illustration {
        font-size: 75px;
    }

    body.athar-cart-page .athar-empty-final-content p {
        font-size: 14px;
    }
}
/* ==================================================
   ATHAR INJAZ - CART HERO BANNER
   WEBP IMAGE - FINAL
   Cart page only
================================================== */

body.athar-cart-page .athar-cart-hero {
    position: relative !important;
    isolation: isolate;

    width: 100%;
    min-height: 250px !important;

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

    padding: 45px 260px !important;

    background-color: #dff5ff !important;
    background-image: url("assets/images/cart-banner.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;

    border-radius: 24px !important;
    overflow: hidden !important;

    text-align: center !important;
    direction: rtl;
}

/* Hide old decorative emojis */
body.athar-cart-page .athar-cart-hero-art {
    display: none !important;
}

/* Hero title */
body.athar-cart-page .athar-cart-hero h1,
body.athar-cart-page .athar-cart-hero h2 {
    position: relative;
    z-index: 2;

    color: #073b73 !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;

    margin: 0 0 10px !important;
}

/* Hero description */
body.athar-cart-page .athar-cart-hero p {
    position: relative;
    z-index: 2;

    color: #235a85 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;

    margin: 0 !important;
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 1100px) {

    body.athar-cart-page .athar-cart-hero {
        min-height: 220px !important;
        padding: 40px 190px !important;
    }

    body.athar-cart-page .athar-cart-hero h1,
    body.athar-cart-page .athar-cart-hero h2 {
        font-size: 31px !important;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    body.athar-cart-page .athar-cart-hero {
        min-height: 180px !important;
        padding: 35px 80px !important;

        background-size: cover !important;
        background-position: center center !important;

        border-radius: 18px !important;
    }

    body.athar-cart-page .athar-cart-hero h1,
    body.athar-cart-page .athar-cart-hero h2 {
        font-size: 24px !important;
        margin-bottom: 6px !important;
    }

    body.athar-cart-page .athar-cart-hero p {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }
}

/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 420px) {

    body.athar-cart-page .athar-cart-hero {
        min-height: 165px !important;
        padding: 25px 60px !important;
    }

    body.athar-cart-page .athar-cart-hero h1,
    body.athar-cart-page .athar-cart-hero h2 {
        font-size: 20px !important;
    }

    body.athar-cart-page .athar-cart-hero p {
        font-size: 11px !important;
    }
}
/* ============================================
   ATHAR CART - PRODUCTS CARD POLISH
   Cart page only
============================================ */

/* Products table container */
body.athar-cart-page
.wc-block-cart-items {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* Product rows */
body.athar-cart-page
.wc-block-cart-items__row {
    background: #ffffff !important;
    border-bottom: 1px solid #e8edf5 !important;
}

/* Cell spacing */
body.athar-cart-page
.wc-block-cart-items__row td {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    vertical-align: middle !important;
}

/* Product image */
body.athar-cart-page
.wc-block-cart-item__image img {
    width: 105px !important;
    height: 115px !important;
    object-fit: contain !important;
    border-radius: 14px !important;
    background: #f7faff !important;
    padding: 7px !important;
}

/* Product name */
body.athar-cart-page
.wc-block-components-product-name {
    color: #102f5c !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
    text-decoration: none !important;
}

/* Product price */
body.athar-cart-page
.wc-block-cart-item__prices {
    color: #163d71 !important;
    font-weight: 700 !important;
}

/* Quantity selector */
body.athar-cart-page
.wc-block-components-quantity-selector {
    border: 1px solid #d9e4f2 !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
    overflow: hidden !important;
    min-height: 42px !important;
}

/* Quantity buttons */
body.athar-cart-page
.wc-block-components-quantity-selector button {
    color: #143c70 !important;
    font-weight: 800 !important;
    background: transparent !important;
}

/* Quantity input */
body.athar-cart-page
.wc-block-components-quantity-selector input {
    color: #143c70 !important;
    font-weight: 700 !important;
    background: transparent !important;
}

/* Remove product */
body.athar-cart-page
.wc-block-cart-item__remove-link {
    color: #c64d5d !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Hover */
body.athar-cart-page
.wc-block-cart-item__remove-link:hover {
    color: #a52e40 !important;
}

/* Mobile */
@media (max-width: 767px) {

    body.athar-cart-page
    .wc-block-cart-items__row td {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    body.athar-cart-page
    .wc-block-cart-item__image img {
        width: 75px !important;
        height: 90px !important;
    }

    body.athar-cart-page
    .wc-block-components-product-name {
        font-size: 14px !important;
    }

    body.athar-cart-page
    .wc-block-components-quantity-selector {
        min-height: 38px !important;
    }
}
/* ==========================================
   ATHAR CART - ORDER SUMMARY FINAL
   Cart page only
========================================== */

/* Summary card */
body.athar-cart-page
.wc-block-cart__sidebar
.wc-block-components-totals-wrapper {
    border-color: #e6edf6 !important;
}

/* Summary area */
body.athar-cart-page
.wc-block-cart__sidebar {
    background: #ffffff !important;
    border: 1px solid #e6edf6 !important;
    border-radius: 22px !important;
    padding: 25px !important;
    box-shadow: 0 8px 28px rgba(18, 51, 92, 0.06) !important;
    box-sizing: border-box !important;
}

/* Summary heading */
body.athar-cart-page
.wc-block-cart__sidebar
.wc-block-components-totals-wrapper h2 {
    color: #123b70 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

/* Subtotal / shipping labels */
body.athar-cart-page
.wc-block-cart__sidebar
.wc-block-components-totals-item__label {
    color: #52647b !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* Prices */
body.athar-cart-page
.wc-block-cart__sidebar
.wc-block-components-totals-item__value {
    color: #153d71 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

/* Total */
body.athar-cart-page
.wc-block-cart__sidebar
.wc-block-components-totals-footer-item {
    border-top: 1px dashed #d8e2ef !important;
    padding-top: 18px !important;
    margin-top: 12px !important;
}

body.athar-cart-page
.wc-block-cart__sidebar
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    color: #103b73 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

/* Checkout button - CART PAGE ONLY */
body.athar-cart-page
.wc-block-cart__submit-button {
    background: #103b73 !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    min-height: 54px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border: none !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
}

body.athar-cart-page
.wc-block-cart__submit-button:hover {
    background: #ffd300 !important;
    color: #103b73 !important;
    transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 767px) {

    body.athar-cart-page
    .wc-block-cart__sidebar {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    body.athar-cart-page
    .wc-block-cart__sidebar
    .wc-block-components-totals-footer-item
    .wc-block-components-totals-item__value {
        font-size: 21px !important;
    }

    body.athar-cart-page
    .wc-block-cart__submit-button {
        min-height: 50px !important;
        font-size: 15px !important;
    }
}

/* =========================================
   ATHAR - PRIVACY POLICY PAGE
========================================= */

.athar-policy-page {
    background: #f8fbff;
    padding: 48px 20px 85px;
    direction: rtl;
}

.athar-policy-shell {
    max-width: 1050px;
    margin: 0 auto;
}

.athar-policy-hero {
    background: linear-gradient(135deg, #eaf4ff, #fff7e9);
    border-radius: 28px;
    padding: 65px 35px;
    text-align: center;
    margin-bottom: 35px;
}

.athar-policy-eyebrow {
    display: inline-block;
    color: #526b92;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px;
}

.athar-policy-hero h1 {
    color: #172d55;
    font-size: clamp(30px, 4vw, 44px);
    margin: 0;
    font-weight: 800;
}

.athar-policy-line {
    display: block;
    width: 65px;
    height: 5px;
    background: #ffd45b;
    border-radius: 20px;
    margin: 20px auto;
}

.athar-policy-hero p {
    max-width: 650px;
    margin: 0 auto;
    color: #59677d;
    font-size: 16px;
    line-height: 2;
}

.athar-policy-content {
    display: grid;
    gap: 18px;
}

.athar-policy-section {
    background: #fff;
    border: 1px solid #e8edf5;
    border-radius: 18px;
    padding: 28px 32px;
    box-shadow: 0 5px 20px rgba(26, 51, 92, 0.035);
}

.athar-policy-section h2 {
    font-size: 20px;
    font-weight: 800;
    color: #172d55;
    margin: 0 0 14px;
}

.athar-policy-section p,
.athar-policy-section li {
    color: #59677d;
    font-size: 15px;
    line-height: 2;
}

.athar-policy-section p {
    margin: 0;
}

.athar-policy-section ul {
    padding-right: 22px;
    padding-left: 0;
    margin: 12px 0 0;
}

.athar-policy-section li {
    margin-bottom: 5px;
}

.athar-policy-bottom {
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    color: #59677d;
    font-size: 14px;
}

.athar-policy-bottom a {
    display: inline-flex;
    text-decoration: none;
    color: #172d55;
    background: #ffda67;
    border-radius: 12px;
    padding: 13px 20px;
    font-weight: 800;
    transition: 0.2s ease;
}

.athar-policy-bottom a:hover {
    background: #ffcb37;
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .athar-policy-page {
        padding: 25px 15px 55px;
    }

    .athar-policy-hero {
        padding: 40px 20px;
        border-radius: 20px;
    }

    .athar-policy-hero p {
        font-size: 14px;
    }

    .athar-policy-section {
        padding: 23px 20px;
    }

    .athar-policy-section h2 {
        font-size: 18px;
    }

    .athar-policy-bottom {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }
}

/* ==========================================
   ATHAR & INJAZ - PRIVACY PREMIUM DESIGN
   Add at the END of style.css
========================================== */

.athar-policy-page {
    background:
        radial-gradient(circle at 8% 12%, rgba(255, 217, 112, .18), transparent 28%),
        radial-gradient(circle at 90% 48%, rgba(145, 196, 255, .16), transparent 30%),
        #f8fbff;
    padding: 55px 20px 90px;
    direction: rtl;
    overflow: hidden;
}

/* HERO */
.athar-policy-page .athar-policy-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(125deg, #e8f4ff 0%, #f3f8ff 55%, #fff3d9 100%);
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 34px;
    padding: 82px 35px;
    box-shadow: 0 18px 55px rgba(30, 65, 120, .07);
}

.athar-policy-page .athar-policy-hero::before {
    content: "";
    position: absolute;
    width: 270px;
    height: 270px;
    background: rgba(255, 211, 92, .25);
    border-radius: 50%;
    top: -145px;
    right: -95px;
    z-index: -1;
}

.athar-policy-page .athar-policy-hero::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    background: rgba(131, 188, 255, .22);
    border-radius: 50%;
    bottom: -130px;
    left: -80px;
    z-index: -1;
}

.athar-policy-page .athar-policy-eyebrow {
    background: rgba(255,255,255,.8);
    border: 1px solid #e0eaf8;
    border-radius: 30px;
    padding: 9px 20px;
    font-size: 13px;
    color: #47658d;
    box-shadow: 0 5px 18px rgba(33,70,120,.04);
}

.athar-policy-page .athar-policy-hero h1 {
    font-size: clamp(32px, 4.5vw, 50px);
    font-weight: 900;
    color: #172d55;
    letter-spacing: -.6px;
    margin-top: 18px;
}

.athar-policy-page .athar-policy-line {
    width: 85px;
    height: 6px;
    background: linear-gradient(90deg, #ffd45b, #ffbd47);
    border-radius: 20px;
    margin: 22px auto;
}

.athar-policy-page .athar-policy-hero p {
    max-width: 650px;
    font-size: 16px;
    line-height: 2.1;
    color: #5c6d86;
}

/* POLICY CARDS */
.athar-policy-page .athar-policy-content {
    display: grid;
    gap: 22px;
}

.athar-policy-page .athar-policy-section {
    position: relative;
    background: #ffffff;
    border: 1px solid #e8eef8;
    border-right: 5px solid #ffcf59;
    border-radius: 22px;
    padding: 32px 38px;
    box-shadow: 0 8px 30px rgba(22, 50, 95, .045);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

@media (hover: hover) {
    .athar-policy-page .athar-policy-section:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 42px rgba(22, 50, 95, .09);
        border-right-color: #75b6f7;
    }
}

.athar-policy-page .athar-policy-section h2 {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 21px;
    font-weight: 850;
    color: #172d55;
    margin-bottom: 16px;
}

.athar-policy-page .athar-policy-section h2::after {
    content: "";
    width: 32px;
    height: 3px;
    border-radius: 10px;
    background: #ffd45b;
    flex-shrink: 0;
}

.athar-policy-page .athar-policy-section p,
.athar-policy-page .athar-policy-section li {
    color: #617087;
    font-size: 15px;
    line-height: 2.15;
}

.athar-policy-page .athar-policy-section ul {
    margin-top: 16px;
    padding-right: 24px;
}

.athar-policy-page .athar-policy-section li {
    padding-right: 4px;
    margin-bottom: 8px;
}

.athar-policy-page .athar-policy-section li::marker {
    color: #e7ac27;
}

/* ALTERNATING ACCENTS */
.athar-policy-page .athar-policy-section:nth-child(even) {
    border-right-color: #9cc9f9;
}

.athar-policy-page .athar-policy-section:nth-child(3n) {
    border-right-color: #a7dccc;
}

/* BOTTOM */
.athar-policy-page .athar-policy-bottom {
    background: #fff;
    border: 1px solid #e9eff8;
    border-radius: 20px;
    padding: 22px 28px;
    margin-top: 32px;
    box-shadow: 0 8px 25px rgba(22,50,95,.035);
}

.athar-policy-page .athar-policy-bottom a {
    background: linear-gradient(135deg, #ffdc78, #ffcb4f);
    color: #172d55;
    border-radius: 14px;
    padding: 14px 23px;
    box-shadow: 0 5px 15px rgba(255, 200, 65, .18);
}

@media (hover: hover) {
    .athar-policy-page .athar-policy-bottom a:hover {
        background: #ffd15c;
        transform: translateY(-2px);
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .athar-policy-page {
        padding: 25px 14px 55px;
    }

    .athar-policy-page .athar-policy-hero {
        padding: 55px 22px;
        border-radius: 24px;
    }

    .athar-policy-page .athar-policy-hero h1 {
        font-size: 33px;
    }

    .athar-policy-page .athar-policy-hero p {
        font-size: 14px;
    }

    .athar-policy-page .athar-policy-section {
        padding: 25px 22px;
        border-radius: 18px;
    }

    .athar-policy-page .athar-policy-section h2 {
        font-size: 18px;
    }

    .athar-policy-page .athar-policy-section p,
    .athar-policy-page .athar-policy-section li {
        font-size: 14px;
    }

    .athar-policy-page .athar-policy-bottom {
        padding: 24px 18px;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .athar-policy-page .athar-policy-section,
    .athar-policy-page .athar-policy-bottom a {
        transition: none;
    }
}

/* ==========================================
   ATHAR - TERMS & FAQ PREMIUM STYLES
========================================== */

/* TERMS PAGE */
.athar-terms-page .athar-policy-section:nth-child(odd) {
    border-right-color: #ffcf59;
}

.athar-terms-page .athar-policy-section:nth-child(even) {
    border-right-color: #9cc9f9;
}

/* FAQ HEADING */
.athar-faq-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 0 0 25px;
}

.athar-faq-heading h2 {
    font-size: 27px;
    font-weight: 900;
    color: #172d55;
    margin: 0 0 8px;
}

.athar-faq-heading p {
    color: #617087;
    font-size: 15px;
    margin: 0;
}

.athar-faq-count {
    background: #fff3d8;
    border: 1px solid #ffe5a3;
    color: #8b6419;
    padding: 10px 17px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

/* FAQ LIST */
.athar-faq-list {
    display: grid;
    gap: 15px;
}

.athar-faq-item {
    background: #fff;
    border: 1px solid #e7edf6;
    border-right: 5px solid #a9cffa;
    border-radius: 19px;
    overflow: hidden;
    box-shadow: 0 7px 25px rgba(22, 50, 95, .045);
    transition: box-shadow .25s ease, border-color .25s ease;
}

.athar-faq-item[open] {
    border-right-color: #ffce57;
    box-shadow: 0 13px 35px rgba(22, 50, 95, .075);
}

.athar-faq-item summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 24px 28px;
    cursor: pointer;
    list-style: none;
    color: #172d55;
    font-size: 17px;
    font-weight: 800;
}

.athar-faq-item summary::-webkit-details-marker {
    display: none;
}

.athar-faq-question {
    flex: 1;
}

.athar-faq-toggle {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #edf5ff;
    color: #315b91;
    font-size: 24px;
    font-weight: 500;
    transition: transform .2s ease, background .2s ease;
}

.athar-faq-item[open] .athar-faq-toggle {
    transform: rotate(45deg);
    background: #fff0c8;
    color: #8b6419;
}

.athar-faq-answer {
    padding: 0 28px 24px;
}

.athar-faq-answer p {
    border-top: 1px solid #eef2f8;
    padding-top: 18px;
    margin: 0;
    color: #617087;
    font-size: 15px;
    line-height: 2.1;
}

/* HELP CTA */
.athar-faq-help {
    margin-top: 38px;
    padding: 36px 42px;
    border-radius: 25px;
    background: linear-gradient(125deg, #e7f3ff, #fff4da);
    border: 1px solid #e8eef8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.athar-faq-help-label {
    color: #53719a;
    font-size: 13px;
    font-weight: 800;
}

.athar-faq-help h2 {
    margin: 8px 0 10px;
    color: #172d55;
    font-size: 25px;
    font-weight: 900;
}

.athar-faq-help p {
    color: #617087;
    line-height: 1.9;
    margin: 0;
}

.athar-faq-help a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #ffd45b;
    color: #172d55;
    text-decoration: none;
    font-weight: 800;
    padding: 15px 24px;
    border-radius: 13px;
    transition: background .2s ease, transform .2s ease;
}

.athar-faq-help a:hover {
    background: #ffca39;
    transform: translateY(-2px);
}

/* MOBILE */
@media (max-width: 768px) {
    .athar-faq-heading {
        align-items: flex-start;
    }

    .athar-faq-heading h2 {
        font-size: 22px;
    }

    .athar-faq-item summary {
        padding: 20px;
        font-size: 15px;
    }

    .athar-faq-answer {
        padding: 0 20px 20px;
    }

    .athar-faq-help {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        padding: 30px 22px;
    }

    .athar-faq-help a {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .athar-faq-item,
    .athar-faq-toggle,
    .athar-faq-help a {
        transition: none;
    }
}

/* ==========================================
   ATHAR & INJAZ - ABOUT US PAGE
========================================== */

.athar-about-page {
    direction: rtl;
    background:
        radial-gradient(circle at 8% 15%, rgba(255,215,115,.15), transparent 30%),
        radial-gradient(circle at 90% 65%, rgba(154,203,255,.16), transparent 30%),
        #f8fbff;
    padding: 48px 20px 85px;
    overflow: hidden;
}

.athar-about-shell {
    max-width: 1100px;
    margin: 0 auto;
}

.athar-about-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    text-align: center;
    background: linear-gradient(125deg, #e7f3ff, #f6f9ff 55%, #fff2d8);
    border: 1px solid #edf1f8;
    border-radius: 34px;
    padding: 85px 35px;
    box-shadow: 0 18px 55px rgba(30,65,120,.065);
}

.athar-about-decoration {
    position: absolute;
    border-radius: 50%;
    z-index: -1;
}

.athar-about-decoration-one {
    width: 270px;
    height: 270px;
    background: rgba(255,207,86,.22);
    top: -150px;
    right: -90px;
}

.athar-about-decoration-two {
    width: 240px;
    height: 240px;
    background: rgba(124,184,255,.19);
    bottom: -145px;
    left: -70px;
}

.athar-about-eyebrow {
    display: inline-block;
    background: #fff;
    border: 1px solid #e6edf8;
    color: #55739a;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 800;
}

.athar-about-hero h1 {
    margin: 24px 0 0;
    color: #172d55;
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 900;
    line-height: 1.5;
}

.athar-about-hero h1 span {
    display: block;
    color: #477bb8;
}

.athar-about-line {
    display: block;
    width: 82px;
    height: 6px;
    border-radius: 20px;
    background: #ffd45b;
    margin: 22px auto;
}

.athar-about-hero p {
    max-width: 690px;
    margin: 0 auto 28px;
    color: #5d6d84;
    line-height: 2.1;
    font-size: 16px;
}

.athar-about-button,
.athar-about-button-secondary {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 800;
    transition: transform .2s ease, background .2s ease;
}

.athar-about-button {
    background: #ffd45b;
    color: #172d55;
}

.athar-about-button-secondary {
    background: #fff;
    color: #172d55;
    border: 1px solid #dbe6f4;
}

.athar-about-button:hover,
.athar-about-button-secondary:hover {
    transform: translateY(-3px);
}

.athar-about-button:hover {
    background: #ffca39;
}

.athar-about-intro,
.athar-about-values,
.athar-about-mission,
.athar-about-cta {
    margin-top: 36px;
}

.athar-about-intro {
    background: #fff;
    border: 1px solid #e8eef8;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 8px 30px rgba(22,50,95,.04);
}

.athar-about-section-heading {
    margin-bottom: 20px;
}

.athar-about-section-heading span {
    color: #6888ad;
    font-size: 13px;
    font-weight: 800;
}

.athar-about-section-heading h2 {
    color: #172d55;
    font-size: 30px;
    margin: 8px 0 0;
    font-weight: 900;
}

.athar-about-intro p {
    color: #617087;
    font-size: 16px;
    line-height: 2.1;
    margin: 0 0 14px;
}

.athar-about-values {
    padding: 12px 0;
}

.athar-about-values-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.athar-about-value-card {
    background: #fff;
    border: 1px solid #e8eef8;
    border-radius: 23px;
    padding: 34px 26px;
    box-shadow: 0 8px 30px rgba(22,50,95,.045);
    transition: transform .25s ease, box-shadow .25s ease;
}

.athar-about-value-card:nth-child(2) {
    background: #fffdf7;
}

.athar-about-value-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(22,50,95,.085);
}

.athar-about-value-icon {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    background: #eaf4ff;
    border-radius: 18px;
    font-size: 28px;
    margin-bottom: 22px;
}

.athar-about-value-card:nth-child(2) .athar-about-value-icon {
    background: #fff0ce;
}

.athar-about-value-card:nth-child(3) .athar-about-value-icon {
    background: #e9f8ee;
}

.athar-about-value-card h3 {
    color: #172d55;
    font-size: 20px;
    margin: 0 0 12px;
}

.athar-about-value-card p {
    color: #617087;
    font-size: 15px;
    line-height: 2;
    margin: 0;
}

.athar-about-mission {
    background: linear-gradient(125deg, #e8f4ff, #fff4dc);
    border: 1px solid #e8eef8;
    border-radius: 26px;
    padding: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.athar-about-mission-label {
    color: #56779e;
    font-size: 13px;
    font-weight: 800;
}

.athar-about-mission h2 {
    color: #172d55;
    font-size: 27px;
    margin: 10px 0 15px;
}

.athar-about-mission p {
    color: #617087;
    line-height: 2;
    margin: 0;
    max-width: 720px;
}

.athar-about-mission-symbol {
    font-size: 85px;
    color: #edbd45;
    opacity: .7;
}

.athar-about-cta {
    text-align: center;
    background: #fff;
    border: 1px solid #e8eef8;
    border-radius: 26px;
    padding: 48px 30px;
}

.athar-about-cta h2 {
    color: #172d55;
    font-size: 29px;
    margin: 0 0 14px;
}

.athar-about-cta p {
    color: #617087;
    line-height: 2;
    max-width: 650px;
    margin: 0 auto 25px;
}

.athar-about-cta-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

@media (max-width: 768px) {
    .athar-about-page {
        padding: 24px 14px 55px;
    }

    .athar-about-hero {
        padding: 55px 22px;
        border-radius: 24px;
    }

    .athar-about-hero p,
    .athar-about-intro p {
        font-size: 14px;
    }

    .athar-about-intro {
        padding: 28px 22px;
    }

    .athar-about-values-grid {
        grid-template-columns: 1fr;
    }

    .athar-about-section-heading h2 {
        font-size: 25px;
    }

    .athar-about-mission {
        padding: 30px 23px;
    }

    .athar-about-mission-symbol {
        display: none;
    }

    .athar-about-mission h2,
    .athar-about-cta h2 {
        font-size: 23px;
    }

    .athar-about-cta {
        padding: 35px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .athar-about-value-card,
    .athar-about-button,
    .athar-about-button-secondary {
        transition: none;
    }
}