/*
Theme Name: Aamir Khakwani - Zangar Urdu Magazine
Theme URI: https://aamirkhakwani.com/
Author: Muhammad Ahmad
Description: WordPress & Dual Payment-Ready (JazzCash + Standard Chartered International/Local Bank IBAN/SWIFT) Urdu RTL Magazine Theme for Aamir Khakwani (Zangar). Includes dedicated Payment Gateway Section, AJAX Order Submission, Admin Orders Table & Customizer Settings.
Version: 8.4.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: aamir-khakwani
*/

/* WooCommerce & WordPress Compatibility Styles */
.wp-page-wrapper {
    max-width: 960px;
    margin: 20px auto;
    padding: 25px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(10, 54, 122, 0.06);
}
.wp-page-wrapper h1.entry-title {
    color: #0a367a;
    font-size: 28px;
    margin-bottom: 20px;
    border-bottom: 2px solid #e8eef6;
    padding-bottom: 10px;
}
.admin-bar-badge {
    background: #ffd166;
    color: #0d1b2a;
    padding: 4px 14px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, sans-serif !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* ---- WooCommerce (products, cart, checkout) ---- */
.wp-page-wrapper .woocommerce { direction: rtl; text-align: right; }
.wp-page-wrapper .woocommerce a.button, .wp-page-wrapper .woocommerce button.button, .wp-page-wrapper .woocommerce input.button,
.wp-page-wrapper .woocommerce #respond input#submit, .wp-page-wrapper .woocommerce a.button.alt, .wp-page-wrapper .woocommerce button.button.alt {
    background: #0a367a; color: #fff; border-radius: 50px; padding: 12px 28px; font-weight: bold; border: 0;
}
.wp-page-wrapper .woocommerce a.button:hover, .wp-page-wrapper .woocommerce button.button:hover, .wp-page-wrapper .woocommerce button.button.alt:hover { background: #072652; color: #fff; }
.wp-page-wrapper .woocommerce div.product p.price, .wp-page-wrapper .woocommerce div.product span.price { color: #0a367a; font-weight: bold; font-size: 22px; }
.wp-page-wrapper .woocommerce div.product div.images img { border-radius: 8px; max-width: 100%; height: auto; }
.wp-page-wrapper .woocommerce div.product div.images { float: right; }
.wp-page-wrapper .woocommerce div.product div.summary { float: left; }
.wp-page-wrapper .woocommerce-message, .wp-page-wrapper .woocommerce-info { border-top-color: #0a367a; }
.wp-page-wrapper .woocommerce form .form-row input.input-text, .wp-page-wrapper .woocommerce form .form-row textarea { padding: 10px; border: 1px solid #dfe5ee; border-radius: 8px; }
@media (max-width: 768px) {
    .wp-page-wrapper .woocommerce div.product div.images, .wp-page-wrapper .woocommerce div.product div.summary { float: none; width: 100%; }
}

/* ---- Books shop: sundar product grid, product page, cart & checkout ---- */
.wp-page-wrapper .woocommerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; margin: 10px 0; padding: 0; }
.wp-page-wrapper .woocommerce ul.products::before, .wp-page-wrapper .woocommerce ul.products::after { display: none; }
.wp-page-wrapper .woocommerce ul.products li.product { width: auto; float: none; margin: 0; background: #fff; border: 1px solid #e3eaf4; border-radius: 12px; padding: 12px; text-align: center; display: flex; flex-direction: column; gap: 6px; box-shadow: 0 2px 8px rgba(10,54,122,.06); transition: transform .25s, box-shadow .25s; }
.wp-page-wrapper .woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(10,54,122,.14); }
.wp-page-wrapper .woocommerce ul.products li.product img { width: 100%; height: auto; aspect-ratio: 3/4; object-fit: cover; border-radius: 8px; margin: 0 0 6px; }
.wp-page-wrapper .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 18px; color: #0a367a; padding: 4px 0; }
.wp-page-wrapper .woocommerce ul.products li.product .price { color: #333; font-weight: bold; font-family: Arial, sans-serif; }
.wp-page-wrapper .woocommerce ul.products li.product .button { margin-top: auto; width: 100%; box-sizing: border-box; text-align: center; }

.wp-page-wrapper .woocommerce div.product { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); gap: 30px; align-items: start; }
.wp-page-wrapper .woocommerce div.product div.images, .wp-page-wrapper .woocommerce div.product div.summary { float: none !important; width: 100% !important; margin: 0; }
.wp-page-wrapper .woocommerce div.product div.images img { box-shadow: 0 8px 22px rgba(10,54,122,.18); border-radius: 10px; }
.wp-page-wrapper .woocommerce div.product .product_title { font-size: 30px; color: #0a367a; margin-bottom: 8px; }
.wp-page-wrapper .woocommerce div.product p.price { font-family: Arial, sans-serif; margin: 6px 0 14px; }
.wp-page-wrapper .woocommerce div.product .woocommerce-product-details__short-description { font-size: 17px; line-height: 2; color: #444; margin-bottom: 18px; }
.wp-page-wrapper .woocommerce div.product form.cart { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.wp-page-wrapper .woocommerce .quantity .qty { width: 80px; padding: 10px; border: 1px solid #dfe5ee; border-radius: 8px; text-align: center; }
.wp-page-wrapper .woocommerce div.product form.cart .single_add_to_cart_button { padding: 14px 38px; font-size: 18px; box-shadow: 0 6px 16px rgba(10,54,122,.28); }
.wp-page-wrapper .woocommerce div.product .woocommerce-tabs { grid-column: 1 / -1; }
.wp-page-wrapper .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 12px; border-bottom: 1px solid #e3eaf4; }
.wp-page-wrapper .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }

.wp-page-wrapper .woocommerce table.shop_table { border: 1px solid #e3eaf4; border-radius: 10px; border-collapse: separate; overflow: hidden; }
.wp-page-wrapper .woocommerce table.shop_table th { color: #0a367a; background: #f6f8fc; }
.wp-page-wrapper .woocommerce-checkout #customer_details { margin-bottom: 20px; }
.wp-page-wrapper .woocommerce-checkout h3 { color: #0a367a; font-size: 22px; }
.wp-page-wrapper .woocommerce-checkout #payment { background: #f6f8fc; border-radius: 10px; }
.wp-page-wrapper .woocommerce-checkout #payment div.payment_box { background: #fff; color: #333; }
.wp-page-wrapper .woocommerce-checkout #payment #place_order { width: 100%; padding: 16px; font-size: 18px; }
.wp-page-wrapper .woocommerce form .form-row label { font-weight: bold; color: #444; }
@media (min-width: 900px) {
    .wp-page-wrapper .woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 30px; align-items: start; }
    .wp-page-wrapper .woocommerce-checkout form.checkout #order_review_heading, .wp-page-wrapper .woocommerce-checkout form.checkout #order_review { grid-column: 2; }
    .wp-page-wrapper .woocommerce-checkout form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 2; }
}
@media (max-width: 900px) { .wp-page-wrapper .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 768px) {
    .wp-page-wrapper .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
    .wp-page-wrapper .woocommerce div.product { grid-template-columns: 1fr; }
    .wp-page-wrapper .woocommerce div.product .product_title { font-size: 24px; }
}