/* BCKYARD — desktop header */
@media (min-width: 1024px) {
  .store-header .top-navbar {
    display: none !important;
  }

  #mainnav .container > .flex {
    position: relative;
    min-height: 108px;
    align-items: center;
    gap: 28px;
  }

  #mainnav .container > .flex > .flex.items-center:first-child {
    flex: 1;
  }

  #mainnav .navbar-brand {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 220px !important;
    height: 84px !important;
    margin: 0 !important;
    overflow: visible !important;
    z-index: 20;
  }

  #mainnav .navbar-brand img {
    width: 210px !important;
    height: auto !important;
    max-width: none !important;
    max-height: 75px !important;
    object-fit: contain;
  }

  #mainnav custom-main-menu,
  #mainnav custom-main-menu .main-menu {
    position: static !important;
  }

  #mainnav custom-main-menu {
    margin-inline-start: 0 !important;
  }

  #mainnav custom-main-menu .main-menu {
    justify-content: flex-start !important;
  }

  /* Hide original desktop links; custom links are supplied separately. */
  #mobile-menu .main-menu > li[data-menu-item] {
    display: none !important;
  }

  #mainnav .bck-nav-link {
    display: inline-block;
    position: relative;
  }

  #mainnav .bck-nav-link > a,
  #mainnav .bck-shop-trigger {
    display: block;
    padding: 15px 10px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    white-space: nowrap;
    color: #111;
    background: transparent;
    border: 0;
    cursor: pointer;
  }

  #mainnav .bck-nav-link:not(.bck-shop-menu):not(.bck-contact-link),
  #mainnav .bck-shop-menu,
  #mainnav .bck-contact-link {
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
  }

  #mainnav .bck-nav-link:not(.bck-shop-menu):not(.bck-contact-link) {
    left: calc(50% - 335px) !important;
  }

  #mainnav .bck-shop-menu {
    left: calc(50% - 245px) !important;
    z-index: 40;
  }

  #mainnav .bck-contact-link {
    left: calc(50% + 165px);
    z-index: 25;
  }

  #mainnav .bck-header-language {
    flex: 0 0 auto;
    order: -2;
    position: relative;
    margin-inline-start: 28px !important;
    z-index: 30;
  }

  #mainnav .flex.items-center.justify-end {
    position: relative;
    gap: 9px !important;
    margin-inline-end: 28px !important;
    z-index: 30;
  }

  #mainnav .bck-header-search {
    width: 42px !important;
    flex: 0 0 42px !important;
  }

  #mainnav salla-cart-summary {
    margin-inline-start: 0 !important;
  }

  /* Keep the dropdown touching its trigger to preserve hover. */
  #mainnav .bck-shop-dropdown {
    display: none;
    position: absolute;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    box-sizing: border-box !important;
    padding: 7px 0 !important;
    margin: 0 !important;
    background: #fff;
    border: 1px solid #e5e5e5 !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    z-index: 100;
  }

  #mainnav .bck-shop-menu:hover .bck-shop-dropdown,
  #mainnav .bck-shop-menu:focus-within .bck-shop-dropdown {
    display: block;
  }

  #mainnav .bck-shop-dropdown li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  #mainnav .bck-shop-dropdown a {
    display: block !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    color: #111;
  }

  #mainnav .bck-shop-dropdown a:hover,
  #mainnav .bck-shop-dropdown a:focus-visible {
    background: #f6f6f6;
    color: #e00019;
  }
}

/* Mobile logo */
@media (max-width: 1023px) {
  /* Keep the floating chat button above mobile purchase controls. */
  a.wa-s-n[href*="utm_source=salla_app_whatsapp_button"] {
    bottom: calc(180px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #mobile-menu .bck-nav-link,
  #mainnav .bck-nav-link {
    display: none !important;
  }

  #mainnav .navbar-brand {
    width: 120px !important;
    height: 64px !important;
  }

  #mainnav .navbar-brand img {
    width: 115px !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain;
  }
}

/* Match home product tabs to the surrounding category section. */
#main-content > #featured-products-style2-1 {
  background-color: transparent !important;
  border-bottom: 1px solid #cbd0d6 !important;
}

/* Main hero banner */
#main-content > .s-block--fixed-banner:first-of-type {
  margin-top: 0 !important;
}

#main-content > .s-block--fixed-banner:first-of-type .container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#main-content > .s-block--fixed-banner:first-of-type .banner,
#main-content > .s-block--fixed-banner:first-of-type picture,
#main-content > .s-block--fixed-banner:first-of-type img {
  display: block;
  width: 100% !important;
  border-radius: 0 !important;
}

/* Space between the hero banner and category tabs */
#main-content > .s-block--fixed-banner:first-of-type + .s-block-tabs {
  margin-top: 0 !important;
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

/* Keep category labels visible */
.s-block--banners .banner-entry h3,
.s-block--banners .banner-entry p {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.s-block--banners .has-overlay.with-hover::after {
  opacity: 0.28 !important;
}

.s-block--banners .banner-entry h3.text-with-border {
  border: 0 !important;
}

/* Slim, full-width ABOUT THE DEPT banner */
#main-content > .s-block--fixed-banner[component-id="972046976"] .container {
  width: 100% !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
}

#main-content > .s-block--fixed-banner[component-id="972046976"] .banner,
#main-content > .s-block--fixed-banner[component-id="972046976"] picture {
  display: block;
  width: 100% !important;
  border-radius: 0 !important;
  overflow: hidden;
}

#main-content > .s-block--fixed-banner[component-id="972046976"] img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 1;
  object-fit: cover !important;
  object-position: center;
  border-radius: 0 !important;
}

/* Show the dedicated mobile banner without cropping its text. */
@media (max-width: 767px) {
  #main-content > .s-block--fixed-banner[component-id="972046976"] img {
    aspect-ratio: auto;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* Bring store benefits closer to the lower banner. */
#main-content > .s-block--fixed-banner[component-id="972046976"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#main-content > .s-block--features[component-id="1659158570"] {
  margin-top: 16px !important;
}

#main-content > .s-block--features[component-id="1659158570"] .s-block--features__item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 16px !important;
}

/* Hide telephone links in the footer */
.store-footer salla-contacts a[href^="tel:"] {
  display: none !important;
}
/* إخفاء سطر سلة */
.copyright-text > p {
  display: none !important;
}

/* حقوق المتجر */
.copyright-text::after {
  content: "© 2026 THE BCKYARD DEPT. All rights reserved.";
  display: block;
  font-size: 12px;
  color: #9ca3af;
  text-align: center;
}
/* خلفية الصفحة الرئيسية */
body.index {
  background-color: #f1f3f2 !important;
}
#main-content > .s-block--fixed-banner[component-id="972046976"] img {
  aspect-ratio: auto !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}
/* تقريب وسائل التواصل */
.store-footer .s-contacts-list {
  gap: 8px !important;
}

/* إزالة مساحة رقم الاتصال المخفي */
.store-footer [id="contact-slot"]:has(> a[href^="tel:"]) {
  display: none !important;
}

.store-footer .bck-business-label {
  display: block;
  font-size: 11px;
  opacity: 0.75;
  margin-bottom: 2px;
}
/* مسافة موحّدة بين وسائل التواصل */
.store-footer .s-contacts-list {
  gap: 12px !important;
}

.store-footer .bck-business-email {
  margin-top: 12px !important;
}

.store-footer .bck-business-label {
  line-height: 1.4;
  margin-bottom: 3px;
}

/* BCKYARD: readable bilingual information pages */
.content--single-page .content-entry { line-height: 1.85; overflow-wrap: anywhere; }
html[lang^="ar"] .content--single-page .content-entry,
html[lang^="ar"] .content--single-page .content-entry :is(p, ul, ol, li, h2, h3, h4) { direction: rtl; text-align: right !important; }
html[lang^="en"] .content--single-page .content-entry,
html[lang^="en"] .content--single-page .content-entry :is(p, ul, ol, li, h2, h3, h4) { direction: ltr; text-align: left !important; }
.content--single-page .content-entry p { margin-block: 0 1rem; }
.content--single-page .content-entry :is(h2, h3, h4) { margin-block: 1.5rem .6rem; line-height: 1.5; }
.content--single-page .content-entry :is(ul, ol) { padding-inline-start: 1.4rem; padding-inline-end: 0; margin-block: 1.3rem .4rem; }
.content--single-page .content-entry li { margin-block: .35rem; }
.content--single-page .content-entry ul:has(+ p) > li:only-child { font-weight: 600; }
.content--single-page .content-entry a { text-underline-offset: 3px; }
.content--single-page .content-entry a[href^="mailto:"],
.content--single-page .content-entry a[href*="wa.me/"] { direction: ltr; unicode-bidi: isolate; display: inline-block; }
.content--single-page .content-entry > :first-child { margin-top: 0; }
.content--single-page .content-entry > :last-child { margin-bottom: 0; }

/* Keep the mobile search within narrow screens. */
@media (max-width: 1023px) {
  .top-navbar .flex-1, .top-navbar .header-search, .top-navbar salla-search, .top-navbar .s-search-placeholder-wrapper, .top-navbar .s-search-input-wrapper { min-width: 0; }
  .top-navbar .s-search-input { width: 100%; min-width: 0; max-width: 100%; }
}
@media (max-width: 480px) {
  .content--single-page .content-entry p.ql-indent-1 { padding-inline-start: 1rem !important; }
}

/* BCKYARD — quieter collection labels */
.s-product-card-promotion-title {
  background-color: #851b22 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  max-width: calc(100% - 20px);
}

/* BCKYARD — hide SKU row from storefront visitors */
div:has(> .product-sku) {
  display: none !important;
}

/* BCKYARD — load keychains category image without lazy-loading dependency */
a.banner-entry.square-photos[href*="c419943750"] .lazy__bg {
 background-image: url("https://cdn.files.salla.network/homepage/2025149545/76af6f91-fdc3-4009-8ad9-9f49d71a08c0-original.webp") !important;
 opacity: 1 !important;
 visibility: visible !important;
}

/* BCKYARD — separate collection labels from wishlist controls */
.s-product-card-image .s-product-card-promotion-title {
 top: 10px !important;
 left: 10px !important;
 right: auto !important;
 max-width: calc(100% - 70px) !important;
 white-space: normal !important;
 overflow-wrap: anywhere;
 pointer-events: none;
}
.s-product-card-image > salla-button.s-product-card-wishlist-btn {
 top: 10px !important;
 left: auto !important;
 right: 10px !important;
 z-index: 3 !important;
}

.s-product-card-image > salla-button.s-product-card-wishlist-btn { width: 40px !important; height: 40px !important; }
.s-product-card-image > salla-button.s-product-card-wishlist-btn > button { position: static !important; inset: auto !important; margin: 0 !important; transform: none !important; width: 40px !important; height: 40px !important; }

/* BCKYARD — light refresh, preserving the existing layout */
.s-product-card-vertical .s-product-card-image { border-radius: 20px !important; }
.s-product-card-vertical { border-radius: 20px !important; }
.s-product-card-vertical .s-product-card-content { padding-top: 18px !important; }
.s-products-list-vertical-cards { row-gap: 32px !important; }
.s-block-tabs .tabs { margin-bottom: 32px !important; }
@media (max-width: 767px) {
 .s-product-card-vertical .s-product-card-image, .s-product-card-vertical { border-radius: 16px !important; }
 .s-product-card-vertical .s-product-card-content { padding-top: 14px !important; }
 .s-products-list-vertical-cards { row-gap: 24px !important; }
 .s-block-tabs .tabs { margin-bottom: 24px !important; }
}

/* BCKYARD — collection text below product pictures */
.bck-collection-name { color: #851b22 !important; font-size: 12px; font-weight: 600; line-height: 1.5; margin-bottom: 8px; }
.s-product-card-image .s-product-card-promotion-title { display: none !important; }
/* BCKYARD — clickable collection names */
a.bck-collection-name { display: block; text-decoration: none; width: fit-content; }
a.bck-collection-name:hover { text-decoration: underline; }

/* BCKYARD — homepage collection cards */
.bck-home-collections { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.bck-home-collection { display:block; min-width:0; text-decoration:none; }
.bck-home-collection img { display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:20px; }
.bck-home-collection-name { color:#851b22; font-size:14px; font-weight:600; line-height:1.5; padding:14px 4px; }
.bck-home-collection:hover .bck-home-collection-name { text-decoration:underline; }
@media(max-width:767px) { .bck-home-collections { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .bck-home-collection img { border-radius:16px; } .bck-home-collection-name { font-size:12px; } }