/* PARKOUR KSA — reviewed 2026-11-01 | replaces the full custom CSS */

:root{
  --pk-blue:#00D5B8;
  --pk-blue-dark:#00EB9B;
  --pk-cyan:#00D4DA;
  --pk-green:#00EB9B;
  --pk-navy:#031523;
  --pk-text:#031523;
  --pk-link:#007968;
  --pk-muted:#526573;
  --pk-bg:#ffffff;
  --pk-soft:#f4faf9;
  --pk-soft-blue:#e9faf6;
  --pk-line:rgba(3,21,35,.10);
  --pk-line-blue:rgba(0,213,184,.18);
  --pk-shadow:0 8px 24px rgba(3,21,35,.06);
  --pk-shadow-hover:0 16px 36px rgba(3,21,35,.10);
  --pk-radius:18px;
  --pk-radius-lg:24px;
  --pk-speed:.2s;
}

/* الأساس */

body{
  background:#fff;
  color:var(--pk-text);
}

.store-header :focus-visible,
.s-product-card :focus-visible{
  outline:2px solid var(--pk-link);
  outline-offset:3px;
}

/* الهيدر */

.store-header,
header.store-header,
.main-nav-container,
.main-nav-container.fixed-header,
.main-nav-container.fixed-pinned{
  background:#fff!important;
  border-bottom:1px solid var(--pk-line)!important;
  box-shadow:0 6px 20px rgba(3,21,35,.045)!important;
}

.main-nav-container .inner,
.main-nav-container .bg-white,
.main-nav-container.bg-white{
  background:transparent!important;
  box-shadow:none!important;
}

.navbar-brand img{
  max-height:46px!important;
  width:auto!important;
}

.main-menu a,
.main-nav-container a,
.store-header a{
  color:var(--pk-text)!important;
  font-weight:750!important;
}

.main-menu a:hover,
.main-nav-container a:hover,
.store-header a:hover{
  color:var(--pk-link)!important;
}

/* البنر الرئيسي */

.s-block--fixed-banner,
section.s-block--fixed-banner{
  padding-top:12px!important;
  padding-bottom:6px!important;
}

.s-block--fixed-banner .container,
section.s-block--fixed-banner .container{
  max-width:1200px!important;
}

.s-block--fixed-banner img,
section.s-block--fixed-banner img{
  border-radius:20px!important;
  display:block!important;
  box-shadow:0 10px 26px rgba(3,21,35,.07)!important;
}

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

.s-block__title,
.s-block__title h2,
.s-block__title h3{
  color:var(--pk-navy)!important;
  font-weight:900!important;
  letter-spacing:-.2px;
}

.s-block__title a{
  color:var(--pk-link)!important;
  font-weight:800!important;
}

/* أزرار الشراء */

.s-product-card-add-to-cart:not(:disabled):not([aria-disabled="true"]),
.s-product-card salla-add-product-button button:not(:disabled):not([aria-disabled="true"]){
  border-radius:14px;
  background:linear-gradient(
    135deg,
    var(--pk-blue),
    var(--pk-green)
  );
  color:var(--pk-navy);
  font-weight:800;
  box-shadow:0 4px 12px rgba(0,213,184,.14);
  transition:transform .18s ease;
}

/* حقول الإدخال */

.s-search input[type="search"],
.product-form input:is(
  [type="text"],
  [type="email"],
  [type="tel"],
  [type="number"]
):not([aria-invalid="true"]):not(:disabled),
.product-form textarea:not([aria-invalid="true"]):not(:disabled){
  border-radius:13px;
  background:#fff;
  color:var(--pk-text);
}

/* بطاقات المنتجات */

.s-products-grid,
.s-product-list{
  gap:16px!important;
}

.s-product-card{
  position:relative!important;
  background:#fff!important;
  border:1px solid var(--pk-line)!important;
  border-radius:var(--pk-radius-lg)!important;
  box-shadow:var(--pk-shadow)!important;
  transition:
    transform var(--pk-speed) ease,
    box-shadow var(--pk-speed) ease,
    border-color var(--pk-speed) ease!important;
}

@media (hover:hover) and (pointer:fine){
.s-product-card:hover{
  transform:translateY(-3px);
  border-color:rgba(0,213,184,.22)!important;
  box-shadow:var(--pk-shadow-hover)!important;
}

}

.s-product-card-image,
.s-product-card-image-cover,
.product-card-image{
  background:var(--pk-soft)!important;
  overflow:hidden!important;
}

.s-product-card-image img,
.s-product-card-image-cover img{
  display:block!important;
  object-fit:contain!important;
}

.s-product-card-title,
.s-product-card-content h3,
.s-product-card-content a:not(.s-product-card-add-to-cart){
  color:var(--pk-text)!important;
  font-weight:850!important;
  line-height:1.5!important;
}

.s-product-card-title:hover,
.s-product-card-content a:not(.s-product-card-add-to-cart):hover{
  color:var(--pk-link)!important;
}

.s-product-card-subtitle,
.s-product-card-content p{
  color:var(--pk-muted)!important;
  line-height:1.65!important;
}

.s-product-card-price,
.s-product-card-sale-price,
.product-card .price{
  color:var(--pk-link)!important;
  font-weight:900!important;
}

.s-product-card-regular-price{
  color:#95a1af!important;
  font-weight:700!important;
  text-decoration:line-through!important;
}

.s-product-card .s-product-card-add-to-cart,
.s-product-card .s-add-product-button,
.s-product-card salla-add-product-button button{
  width:100%!important;
  min-height:43px!important;
}

/* مميزات المتجر */

section.s-block.s-block--features > .grid,
section.s-block.s-block--features .grid{
  background:transparent!important;
  box-shadow:none!important;
}

section.s-block.s-block--features .s-block__features__item,
section.s-block.s-block--features .s-block--features__item{
  background:#fff!important;
  border:1px solid var(--pk-line)!important;
  border-radius:20px!important;
  color:var(--pk-text)!important;
  box-shadow:0 7px 22px rgba(3,21,35,.05)!important;
  transition:
    border-color var(--pk-speed) ease,
    transform var(--pk-speed) ease,
    box-shadow var(--pk-speed) ease!important;
}

@media (hover:hover) and (pointer:fine){
section.s-block.s-block--features .s-block__features__item:hover,
section.s-block.s-block--features .s-block--features__item:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(0,213,184,.20)!important;
  box-shadow:0 12px 28px rgba(3,21,35,.08)!important;
}

}

section.s-block.s-block--features svg,
section.s-block.s-block--features i{
  color:var(--pk-link)!important;
  fill:currentColor!important;
}

/* صفحات المحتوى والمنتج */

.content.content--single-page,
div.content.content--single-page.bg-white,
.content-single-page,
form.product-form,
.sticky-product-bar,
.s-product-options-wrapper,
salla-product-options.s-product-options-wrapper,
.product-single-description,
.product-entry,
.salla-comments,
.s-comments,
.s-comments-page,
.s-comments-product,
.s-reviews-testimonial,
.testimonials-page .bg-white,
.blog-index .bg-white,
.blog-index .list-block,
.blog-index .post-entry,
.blog-single .bg-white,
.blog-single .main-content,
#filters-menu,
nav#filters-menu{
  background:#fff!important;
  color:var(--pk-text)!important;
  border:1px solid var(--pk-line)!important;
  border-radius:20px!important;
  box-shadow:var(--pk-shadow)!important;
}

.content.content--single-page h1,
.content.content--single-page h2,
.content.content--single-page h3,
.product h1,
.product h2,
.product h3,
.blog-index h1,
.blog-index h2,
.blog-index h3,
.blog-single h1,
.blog-single h2,
.blog-single h3{
  color:var(--pk-navy)!important;
  font-weight:900!important;
}

.s-product-options-wrapper,
salla-product-options.s-product-options-wrapper{
  padding:16px!important;
}

.s-product-options-wrapper label,
.s-product-options-wrapper .s-product-options-option-title,
.s-product-options-wrapper .s-product-options-option-name{
  color:var(--pk-navy)!important;
  font-weight:850!important;
}

/* القوائم */

.main-menu .sub-menu,
.main-menu .sub-menu.w-56,
div.sub-menu.w-56,
.s-user-menu-wrapper .s-user-menu-dropdown,
.s-user-menu .s-user-menu-dropdown,
#mobile-menu,
nav#mobile-menu,
.mobile-menu.mm-spn,
.mm-spn{
  background:rgba(255,255,255,.98)!important;
  color:var(--pk-text)!important;
  border:1px solid var(--pk-line)!important;
  border-radius:18px!important;
  box-shadow:0 16px 38px rgba(3,21,35,.12)!important;
}

.main-menu .sub-menu a:hover,
.s-user-menu-dropdown a:hover,
nav[aria-label="Sidebar"] a:hover,
nav[aria-label="Sidebar"] button:hover{
  background:rgba(0,213,184,.07)!important;
  color:var(--pk-link)!important;
}

.mm-ocd_backdrop{
  background:rgba(3,21,35,.38);
}

.s-user-menu-trigger,
.s-user-menu-trigger-slot,
.s-user-menu-trigger-avatar-only{
  background:#fff!important;
  border:1px solid var(--pk-line)!important;
  border-radius:15px!important;
  box-shadow:0 6px 16px rgba(3,21,35,.05)!important;
  padding:6px!important;
}

/* الطلبات */

.s-orders-wrapper .s-orders-table{
  width:100%!important;
  background:transparent!important;
  border-collapse:separate!important;
  border-spacing:0 10px!important;
  box-shadow:none!important;
}

.s-orders-wrapper .s-orders-table thead tr{
  background:var(--pk-soft)!important;
}

.s-orders-wrapper .s-orders-table thead th{
  background:transparent!important;
  color:var(--pk-navy)!important;
  font-weight:900!important;
  padding:13px 17px!important;
  border:0!important;
}

.s-orders-wrapper .s-orders-table tbody tr{
  background:#fff!important;
  box-shadow:0 6px 18px rgba(3,21,35,.05)!important;
}

/* الفوتر */

.store-footer,
footer.store-footer,
.store-footer__inner{
  background:linear-gradient(180deg,#f4faf9,#fff)!important;
  border-top:1px solid var(--pk-line)!important;
  color:var(--pk-text)!important;
}

.store-footer__inner a{
  color:var(--pk-link)!important;
  font-weight:750!important;
}

/* التنبيهات */

.swal2-toast{
  border-radius:17px;
  box-shadow:var(--pk-shadow);
}

/* الجوال */

@media(max-width:768px){
  .s-block--fixed-banner,
  section.s-block--fixed-banner{
    padding-top:8px!important;
  }

  .s-block--fixed-banner .container,
  section.s-block--fixed-banner .container{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .s-block--fixed-banner img,
  section.s-block--fixed-banner img{
    border-radius:16px!important;
    box-shadow:none!important;
  }

  .s-products-grid,
  .s-product-list{
    gap:11px!important;
  }

  .s-product-card{
    border-radius:18px!important;
    padding:8px!important;
    box-shadow:0 2px 8px rgba(3,21,35,.045)!important;
    transition:none!important;
  }

  .s-product-card:not(.s-product-card-horizontal) .s-product-card-image,
  .s-product-card:not(.s-product-card-horizontal) .s-product-card-image-cover{
    aspect-ratio:1/1!important;
    border-radius:14px!important;
  }

  .s-product-card-content{
    padding:8px 3px 0!important;
  }

  .s-product-card-title,
  .s-product-card-content h3{
    font-size:13.5px!important;
    line-height:1.45!important;
  }

  .s-product-card-subtitle,
  .s-product-card-content p{
    font-size:12px!important;
    line-height:1.55!important;
  }

  .s-product-card-price,
  .s-product-card-sale-price{
    font-size:15px!important;
  }

  .s-product-card .s-product-card-add-to-cart,
  .s-product-card .s-add-product-button,
  .s-product-card salla-add-product-button button{
    font-size:12.5px!important;
    padding:10px 11px!important;
    border-radius:12px!important;
  }

}

/* Paint less during touch scrolling; preserve native scroll and carousel gestures. */
@media (hover:none), (pointer:coarse){
  .s-product-card,
  section.s-block.s-block--features .s-block__features__item,
  section.s-block.s-block--features .s-block--features__item{
    transition:none!important;
  }
}
@media (max-width:768px){
  .store-header,
  header.store-header,
  .main-nav-container,
  .main-nav-container.fixed-header,
  .main-nav-container.fixed-pinned{
    box-shadow:none!important;
  }
  section.s-block.s-block--features .s-block__features__item,
  section.s-block.s-block--features .s-block--features__item{
    box-shadow:none!important;
    transition:none!important;
  }
  .s-product-card-content{min-width:0;}
  .s-product-card-title,
  .s-product-card-content h3{overflow-wrap:anywhere;}
}
/* Keep horizontal product cards under the theme's own image layout. */
.s-product-card:not(.s-product-card-horizontal) .s-product-card-image img,
.s-product-card:not(.s-product-card-horizontal) .s-product-card-image-cover img{
  width:100%;
  height:100%;
}
@media (prefers-reduced-motion:reduce){
  .s-product-card,
  .s-product-card-add-to-cart,
  .s-block--features .s-block__features__item,
  .s-block--features .s-block--features__item{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}