/* Dubai Sneakers — WooCommerce integration styles.
   Appended after design.css to style Woo-specific markup + a few new blocks. */

/* ---- Homepage picture hero (fills static markup) ---- */
.home-picture-hero{position:relative;max-width:1184px;margin:16px auto 48px;min-height:448px;overflow:hidden;background:#f1f1f1}
.home-picture-hero img{width:100%;height:100%;min-height:448px;object-fit:cover;display:block}
.home-picture-copy{position:absolute;left:0;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;padding:64px;max-width:520px}
.home-picture-copy span{font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:13px;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.home-picture-copy h2{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.035em;margin:10px 0 8px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.home-picture-copy p{color:#fff;font-weight:600;margin:0 0 22px;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.home-picture-copy a{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;text-decoration:none;padding:15px 26px;font-weight:800;width:max-content}
@media(max-width:700px){.home-picture-hero{min-height:360px;margin:0 0 20px}.home-picture-copy{padding:28px}.home-picture-hero img{min-height:360px}}

/* ---- Eyebrow + view all ---- */
.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#888;margin-bottom:8px}
.home-view-all{text-align:center;margin-top:26px}
.home-view-all a{display:inline-block;border:1px solid #111;padding:13px 30px;text-decoration:none;color:#111;font-weight:700}

/* ---- Editorial v2 ---- */
.home-editorial-v2{max-width:1200px;margin:0 auto;padding:48px 22px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.editorial-image-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.editorial-image-stack img{width:100%;aspect-ratio:1/1.2;object-fit:cover;background:#f4f4f4}
.editorial-copy-v2 h2{font-size:32px;line-height:1.1;letter-spacing:-.02em;margin:6px 0 14px}
.editorial-copy-v2 p{color:#666;line-height:1.6}
.editorial-copy-v2 ul{padding-left:18px;color:#333;line-height:2}
@media(max-width:850px){.home-editorial-v2{grid-template-columns:1fr;gap:24px;padding:32px 16px}}

/* ---- PDP purchase / promise card ---- */
.pdp-purchase-card{border:1px solid #eee;background:#fafafa;padding:8px 16px;margin:18px 0}
.promise-row{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}
.promise-row:last-child{border-bottom:0}
.promise-icon{font-size:22px}
.promise-row b{display:block;font-size:14px}
.promise-row span{font-size:13px;color:#666}
.pdp-short{color:#555;line-height:1.6;margin-bottom:16px}
.pdp-option-note{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#333;margin:0 0 16px}
.note-check{color:#078a36;font-weight:800}

/* ---- Shop head + pagination ---- */
.shop-page{max-width:1200px;margin:0 auto;padding-top:8px}
.shop-head{max-width:1200px;margin:0 auto;padding:28px 22px 0}
.dss-pagination{display:flex;justify-content:center;gap:8px;padding:36px 0 8px}
.dss-pagination .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;border:1px solid #ddd;background:#fff;color:#111;text-decoration:none;font-weight:600;padding:0 12px}
.dss-pagination .page-numbers.current{background:#111;color:#fff;border-color:#111}
.shop-grid-section{padding-top:24px}

/* ---- WooCommerce add-to-cart form (PDP) styled to match static ---- */
.pdp-variations form.cart{margin:18px 0}
.pdp-variations .single_add_to_cart_button,
.buy-actions .single_add_to_cart_button{width:100%;min-height:56px;background:#111!important;color:#fff!important;border:1px solid #111!important;border-radius:0!important;font-weight:600;font-size:15px;text-transform:none;letter-spacing:0;transition:.15s}
.pdp-variations .single_add_to_cart_button:hover{background:#000!important}
.pdp-variations form.cart .quantity{display:inline-flex;align-items:center;border:1px solid #ddd;margin:0 0 14px;height:52px}
.pdp-variations form.cart .quantity input.qty{width:56px;height:50px;border:0;text-align:center;font-size:15px;-moz-appearance:textfield}
.pdp-variations .woocommerce-variation-price{margin:0 0 14px;font-size:18px}
.pdp-variations .stock{border:1px solid #eee;background:#fff;padding:10px 12px;font-size:13px;margin:0 0 12px}
.woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.woocommerce-variation-add-to-cart .quantity{display:inline-flex!important}

/* grouped/external buttons */
.pdp-variations .button.alt,.pdp-variations .add_to_cart_button{width:100%;min-height:56px;background:#111!important;color:#fff!important;border-radius:0!important}

/* ---- Woo cart page ---- */
.woocommerce-cart .dss-woo-wrap,.woocommerce-checkout .dss-woo-wrap,.woocommerce-account .dss-woo-wrap{max-width:1200px;margin:0 auto;padding:36px 22px 64px}
.woocommerce-cart table.cart{width:100%;border-collapse:collapse}
.woocommerce-cart table.cart th{text-align:left;border-bottom:2px solid #111;padding:12px 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.woocommerce-cart table.cart td{border-bottom:1px solid #eee;padding:16px 8px;vertical-align:middle}
.woocommerce-cart table.cart img{width:72px;height:auto}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:#111;color:#fff;border-radius:0;border:1px solid #111;padding:14px 22px;font-weight:700;transition:.15s;text-transform:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#000;color:#fff}
.woocommerce .button.alt,.woocommerce #place_order{background:#111!important;color:#fff!important;border-radius:0!important;min-height:54px;font-size:16px;width:100%}
.cart_totals,.cart-collaterals{margin-top:32px}
.cart_totals table{width:100%;border-collapse:collapse}
.cart_totals th,.cart_totals td{padding:14px 8px;border-bottom:1px solid #eee;text-align:left}

/* ---- Woo checkout ---- */
.woocommerce-checkout .col2-set,.woocommerce-checkout #customer_details{display:grid;grid-template-columns:1fr;gap:24px}
.woocommerce form .form-row{margin:0 0 14px}
.woocommerce form .form-row label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .select2-container .select2-selection{border:1px solid #bbb!important;border-radius:0!important;padding:12px 14px;min-height:48px;width:100%;font-size:15px}
#order_review,#order_review_heading{max-width:100%}
.woocommerce-checkout #payment{background:#fafafa;border:1px solid #eee;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid #eee}
h3#order_review_heading,.woocommerce-billing-fields h3,.woocommerce-additional-fields h3{font-size:20px;font-weight:600;margin:8px 0 16px}
@media(min-width:900px){.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}.woocommerce-checkout #customer_details{grid-column:1}.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:2}}

/* ---- My account ---- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #eee;margin:0 0 24px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:12px 16px;color:#111;text-decoration:none;font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{border-bottom:2px solid #111}

/* ---- Related section spacing ---- */
.related-products{max-width:1200px;margin:0 auto}

/* ---- Posts (blog fallback) ---- */
.post-list{max-width:900px;margin:0 auto;display:grid;gap:28px}
.post-card{border-bottom:1px solid #eee;padding-bottom:20px}
.post-card h3{font-size:24px;margin:0 0 8px}
.post-card a{color:#111;text-decoration:none}
.entry-content{max-width:820px;margin:0 auto;line-height:1.7}
.page-content{max-width:900px;margin:0 auto}

/* ---- Woo BLOCK cart & checkout (this store uses the block-based pages) ---- */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{max-width:1200px;margin:0 auto;padding:12px 22px 48px}
.wc-block-components-button,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:#111!important;color:#fff!important;border-radius:0!important;font-weight:700!important;min-height:52px}
.wc-block-components-button:hover{background:#000!important}
.wc-block-components-text-input input,.wc-block-components-address-form input,.wc-block-components-select select,.wc-block-checkout__form input.wc-blocks-components-select__container{border-radius:0!important}
.wc-block-components-text-input.is-active label,.wc-block-components-text-input input:focus{border-color:#111!important}
.wc-block-cart-items__header,.wc-block-components-totals-item{font-size:14px}
.wc-block-components-title,.wp-block-woocommerce-checkout h2,.wp-block-woocommerce-cart h2{font-weight:600!important;letter-spacing:-.01em}
.wc-block-cart .wc-block-cart-items img,.wc-block-checkout img{border-radius:0}
.wc-block-components-sidebar,.wc-block-cart__sidebar{background:#fafafa;border:1px solid #eee;padding:8px 16px}
.wc-block-components-product-badge,.wc-block-components-chip{border-radius:0!important}

/* RTL nudge */
.rtl .home-picture-copy{right:0;left:auto}