/* ========== Identity / Variables ========== */
:root{
  --appify-brand:#efe3ad;
  --appify-ink:#1b4a8e;
  --appify-radius:16px;
}

/* Cairo font */
@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');
body, h1, h2, h3, h4, h5, h6, p, span, div, a, li, input, button, select, textarea {
  font-family: 'Cairo', sans-serif !important;
}

/* Page fade */
body { opacity: 0; transition: opacity .25s ease; }
body.appify-ready { opacity: 1; }

/* Reveal on scroll */
@media (prefers-reduced-motion: no-preference){
  .appify-reveal{ opacity:0; transform:translateY(16px); transition:opacity .5s ease, transform .5s ease; }
  .appify-reveal.is-visible{ opacity:1; transform:none; }
}

/* Ripple */
.appify-ripple { position:relative; overflow:hidden; transform:translateZ(0); }
.appify-ripple .ripple{ position:absolute; border-radius:50%; transform:scale(0); animation:appify-ripple .6s linear; background:rgba(239,227,173,.35); pointer-events:none; }
@keyframes appify-ripple { to{ transform:scale(12); opacity:0; } }

/* Bottom Nav (mobile) */
.appify-bottom-nav{
  position:fixed; left:0; right:0; bottom:0; z-index:9998;
  display:flex; justify-content:space-around; gap:8px;
  background:#1b4a8e; color:#fff; padding:8px 8px 10px;
  border-top:2px solid var(--appify-brand);
  -webkit-backdrop-filter:saturate(180%) blur(6px); backdrop-filter:saturate(180%) blur(6px);
}
.appify-bottom-nav a{
  flex:1; text-align:center; color:#fff; text-decoration:none; font-weight:700;
  padding:8px 6px; border-radius:12px; display:flex; flex-direction:column; align-items:center; gap:4px;
  transition:transform .2s ease, background .2s ease;
}
.appify-bottom-nav a:active{ transform:scale(.96); background:#1b4a8e; }
.appify-bottom-nav svg{ width:22px; height:22px; display:block; }

/* FAB Cart */
.appify-fab-cart{
  position:fixed; right:14px; bottom:72px; z-index:9999;
  background:var(--appify-ink); color:#fff; text-decoration:none;
  padding:14px 16px; border-radius:999px; font-weight:800;
  box-shadow:0 10px 20px rgba(27,74,142,.25); transition:transform .2s ease;
}
.appify-fab-cart:active{ transform:scale(.96); }

/* Bottom Sheet */
.appify-sheet{
  position:fixed; left:0; right:0; bottom:0; height:70vh; z-index:10000;
  background:#fff; border-top-left-radius:22px; border-top-right-radius:22px;
  box-shadow:0 -10px 30px rgba(27,74,142,.2);
  transform:translateY(110%); transition:transform .28s ease;
}
.appify-sheet.open{ transform:translateY(0); }
.appify-sheet .sheet-handle{ width:50px; height:5px; background:#ddd; border-radius:999px; margin:10px auto; }
.appify-sheet .sheet-body{ padding:16px; overflow:auto; max-height:calc(70vh - 24px); }

/* Hide on desktop */
@media(min-width: 992px){
  .appify-bottom-nav, .appify-fab-cart{ display:none; }
}

/* Checkout progress */
.appify-checkout-progress{ display:flex; gap:8px; margin:10px 0 18px; }
.appify-checkout-progress .step{
  flex:1; text-align:center; font-weight:700; padding:8px; border-radius:10px;
  background:#f4f4f4; color:#1b4a8e; border:1px solid #eee;
}
.appify-checkout-progress .step.is-active{
  background:var(--appify-brand); border-color:#1b4a8e; color:#1b4a8e; box-shadow:0 2px 6px rgba(27,74,142,.08);
}

/* ------ Woo styles (from Khaled) ------ */

/* Product Page: hide qty */
.woocommerce div.product form.cart .quantity {
  visibility: hidden; height: 0; margin: 0; padding: 0; overflow: hidden;
}

/* Shop/Archive: hide price */
.woocommerce ul.products li.product .price { display: none !important; }

/* Single Product price style */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-weight: 900; font-size: 36px; margin-top: 5px !important; margin-bottom: 0 !important; padding: 0 !important;
}

/* WCPA labels */
.wcpa_wrap .wcpa_field_label {
  display: block; font-size: 1em; font-weight: bold; margin: 20px 0 10px; color: #1b4a8e; line-height: 1.3;
}

/* Product images (single) */
.woocommerce div.product div.images img { border-radius: 20px; transform: none !important; transition: none !important; }
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce div.product div.images a { pointer-events: none; cursor: default; }
.rtl.woocommerce div.product div.images .woocommerce-product-gallery__trigger { right: auto; left: .5rem; display: none; }

/* XT Floating Cart buttons */
.xt_woofc-trigger, .xt_woofc-trigger-close-icon {
  background-color: #fff !important; border: 2px solid #1b4a8e !important; color: #1b4a8e !important; border-radius: 10px;
}
.xt_woofc-quantity-col-input { min-width: 100px !important; width: auto !important; }
.xt_woofc-quantity-col-input input { width: 150px !important; text-align: center; }
.xt_woofc-quantity-col-plus { background-color: green; }
.xt_woofcicon-flat-plus { color: white; }
.xt_woofc-quantity-col-minus { background-color: red; }
.xt_woofcicon-flat-minus { color: white; }

/* Woo notices */
.woocommerce-notices-wrapper .woocommerce-message {
  background-color: #efe3ad; border: 2px solid #1b4a8e; border-radius: 14px; padding: 20px;
  color: #1b4a8e; font-size: 18px; font-weight: bold; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; text-align: center; box-shadow: 0 4px 10px rgba(27,74,142,0.1);
}
.woocommerce-notices-wrapper .woocommerce-message::after { content: "🎉"; font-size: 24px; }
.woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
  background-color: #1b4a8e; color: #fff; padding: 12px 24px; border-radius: 10px; font-weight: bold; font-size: 16px; text-decoration: none; margin-top: 5px;
}
@media (max-width: 480px){
  .woocommerce-notices-wrapper .woocommerce-message { font-size: 16px; gap: 12px; padding: 18px; }
  .woocommerce-notices-wrapper .woocommerce-message .button.wc-forward { width: 100%; max-width: 250px; }
}

/* Checkout fields */
.woocommerce-checkout .input-text,
.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-checkout .select2-selection,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"] {
  border-radius: 12px !important; border: 1px solid #ccc; padding: 12px;
  box-shadow: 0 1px 3px rgba(27,74,142,0.07); transition: all 0.3s ease, border 0.2s;
}
.woocommerce-checkout .input-text:focus { border-color: #efe3ad; }

.woocommerce-checkout-review-order-table,
.woocommerce-checkout-payment,
.woocommerce-checkout-review-order {
  border-radius: 12px; background: #fff; padding: 20px; box-shadow: 0 2px 8px rgba(27,74,142,0.05);
}
.woocommerce-checkout-payment .wc_payment_methods li label {
  font-weight: bold; display: flex; align-items: center; justify-content: space-between;
}
.woocommerce-checkout-payment .wc_payment_methods li img { max-height: 25px; margin-inline-start: 10px; }

/* Place order */
.woocommerce-checkout .woocommerce-checkout-review-order .button,
.woocommerce #payment #place_order,
.woocommerce_checkout_place_order {
  background: #1b4a8e; color: #fff; padding: 15px 35px; border-radius: 50px; font-weight: bold; font-size: 18px; transition: background 0.3s ease;
}
.woocommerce #payment #place_order:hover,
.woocommerce_checkout_place_order:hover { background: #1b4a8e; color:#fff; }

/* Order table extras */
.woocommerce-checkout-review-order-table td p {
  background: #f9f9f9; padding: 6px 10px; border-radius: 8px; font-size: 14px; margin-top: 5px;
}
.woocommerce-checkout-review-order-table tfoot tr:last-child th,
.woocommerce-checkout-review-order-table tfoot tr:last-child td {
  font-weight: bold; background: #fffdd0; border-radius: 10px;
}
.woocommerce-checkout-review-order-table .product-name { font-weight: 500; font-size: 15px; }
.woocommerce-checkout-review-order-table td { vertical-align: middle; }

@media(max-width: 768px){
  .woocommerce-checkout .col2-set { display: flex; flex-direction: column-reverse; gap: 30px; }
  .woocommerce-checkout .woocommerce-checkout-review-order,
  .woocommerce-checkout .woocommerce-billing-fields { width: 100% !important; }
}

/* Helper text */
.woocommerce-checkout-payment ~ p { font-size: 14px; color: #444; text-align: center; margin-top: 10px; }

/* Related products */
.related.products h2 {
  color: #1b4a8e; text-align: center; font-size: 22px; margin-bottom: 30px; font-weight: bold;
}
@media (max-width: 767px){
  .related.products ul.products { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .related.products ul.products li.product { width: 100% !important; float: none !important; margin: 0 !important; }
}
.related.products .product {
  background: #1b4a8e; border: 1px solid #1b4a8e; border-radius: 12px; padding: 1px; position: relative; transition: all 0.3s ease-in-out;
}
.related.products .product .woocommerce-loop-product__title,
.related.products .product .price,
.related.products .product .button,
.related.products .product .product-details,
.related.products .product .content-bg,
.related.products .product .entry-content-wrap,
.related.products .product .woocommerce-product-details__short-description,
.related.products .product .star-rating { display: none !important; }
.related.products .product img {
  display: block; margin: auto; max-width: 100%; border-radius: 12px; transition: transform 0.3s ease-in-out;
}
.related.products .product:hover img { transform: scale(1.05); }

/* Product grids */
.single-product div.product div.images img { border: 4px solid #1b4a8e; border-radius: 25px; padding: 2px; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  position: relative; overflow: hidden; border: 4px solid #1b4a8e; border-radius: 25px; padding: 2px;
  background: #fff; box-shadow: 0 4px 12px rgba(27,74,142,0.12); transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.woocommerce ul.products li.product:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 10px 24px rgba(27,74,142,0.2); }
.woocommerce ul.products li.product::after {
  content: ""; position: absolute; top: -50%; left: -75%; width: 50%; height: 200%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent);
  transform: skewX(-25deg); opacity: 0; transition: opacity 0.3s;
}
.woocommerce ul.products li.product:hover::after { opacity: 1; animation: appify-shine 0.8s forwards; }
@keyframes appify-shine { 0% { left: -75%; } 100% { left: 125%; } }
.woocommerce-page ul.products li.product img { border-radius: 20px; }
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  text-align: center; font-weight: 800; font-size: 1.1em;
}

/* Action wrap badge/button */
.product-action-wrap {
  text-align: center; display: inline-block !important; background-color: #1b4a8e; color: #fff;
  padding: 5px 12px; border-radius: 4px; margin: 0 auto !important;
}

/* === Sticky CTA (Single Product) === */
.appify-sticky-cta{
  position:fixed; left:0; right:0; bottom:0; z-index:9997;
  background:#1b4a8e; color:#fff; padding:10px 12px; display:flex; align-items:center; justify-content:space-between;
  border-top:2px solid #efe3ad;
}
.appify-sticky-cta .title{ font-weight:800; }
.appify-sticky-cta .right{ display:flex; gap:8px; }
.appify-sticky-cta .button{
  background:#efe3ad; color:#1b4a8e; font-weight:800; border-radius:999px; padding:10px 16px; border:2px solid #1b4a8e;
}
@media(min-width:992px){ .appify-sticky-cta{ display:none; } } /* موبايل فقط */

/* === Cart badge على أيقونة السلة في البوتوم ناف === */
.appify-bottom-nav a .badge{
  position:absolute; top:-6px; inset-inline-end:14px; background:#fff; color:#1b4a8e; border:2px solid #1b4a8e;
  border-radius:999px; padding:0 6px; font-size:12px; font-weight:900; line-height:18px; min-width:18px; text-align:center;
}
.appify-bottom-nav a{ position:relative; }

/* === Reviews carousel بسيط === */
.appify-reviews{ overflow:hidden; position:relative; }
.appify-reviews .track{ display:flex; gap:12px; will-change:transform; }
.appify-reviews .card{
  min-width: 80%; background:#fff; border:1px solid #eee; border-radius:16px; padding:12px; box-shadow:0 2px 8px rgba(27,74,142,.06);
}
@media(min-width:480px){ .appify-reviews .card{ min-width: 60%; } }

/* === Trust badges slider === */
.appify-trust{ overflow:hidden; padding:8px 0; border-top:1px dashed #eee; border-bottom:1px dashed #eee; background:#fff; }
.appify-trust .row{ display:flex; gap:24px; animation:appify-marquee 18s linear infinite; }
.appify-trust .item{ display:flex; align-items:center; gap:8px; font-weight:700; }
@keyframes appify-marquee{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

/* === Inline validation (Checkout) === */
.woo-invalid{ border-color:#ef4444 !important; }
.woo-valid{ border-color:#16a34a !important; }

/* === Skeleton loaders === */
.appify-skeleton{ position:relative; overflow:hidden; background:#eee; border-radius:12px; }
.appify-skeleton::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 100%);
  transform:translateX(-100%); animation:appify-sweep 1.2s infinite;
}
@keyframes appify-sweep{ to{ transform:translateX(100%);} }

/* ===== FORCE FIX: remove any white overlay/wrapper above Add to Cart in product cards ===== */

/* 1) Kill any pseudo elements on add-to-cart buttons */
.woocommerce a.add_to_cart_button::before,
.woocommerce a.add_to_cart_button::after,
.woocommerce a.ajax_add_to_cart::before,
.woocommerce a.ajax_add_to_cart::after,
.woocommerce button.single_add_to_cart_button::before,
.woocommerce button.single_add_to_cart_button::after{
  content:none !important;
  display:none !important;
}

/* 2) Remove white backgrounds from common wrappers around the button */
.woocommerce ul.products li.product .product-action-wrap,
.woocommerce ul.products li.product .product-action-wrap *,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .ajax_add_to_cart{
  box-shadow:none !important;
}

/* wrapper نفسه خليته شفاف وما يعمل كبسولة */
.woocommerce ul.products li.product .product-action-wrap{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  border-radius:0 !important;
}

/* 3) Force the real button look */
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.ajax_add_to_cart{
  background:#1b4a8e !important;
  color:#fff !important;
  border:2px solid #1b4a8e !important;
  border-radius:12px !important;
  padding:5px 7px !important;
  position:relative !important;
  z-index:5 !important;
}

/* 4) If theme adds inner spans with background */
.woocommerce ul.products li.product a.add_to_cart_button span,
.woocommerce ul.products li.product a.ajax_add_to_cart span{
  background:transparent !important;
}