/* Atrak UX refresh — 2026-07 v1.0.4 */
:root {
  --atrak-red: #e52329;
  --atrak-red-dark: #b9141a;
  --atrak-ink: #171719;
  --atrak-glass: rgba(255, 255, 255, .70);
  --atrak-border: rgba(255, 255, 255, .62);
  --atrak-shadow: 0 14px 38px rgba(16, 20, 28, .12);
}

/* Header utilities */
.atrak-header-tools {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-inline: 10px;
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto !important;
}
.atrak-header-chip {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  color: inherit;
  line-height: 1.35;
  white-space: nowrap;
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(12px) saturate(135%);
  -webkit-backdrop-filter: blur(12px) saturate(135%);
  transition: transform .2s ease, background-color .2s ease, color .2s ease;
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto !important;
}
.atrak-header-chip:hover { transform: translateY(-1px); background: var(--atrak-red); color: #fff; }
.atrak-header-chip svg { display:block !important; width:18px !important; height:18px !important; max-width:18px !important; max-height:18px !important; flex:0 0 18px !important; }
.atrak-header-phone small { display: block; opacity: .75; font-size: 10px; }

/* Glass product hover controls */
.wd-product.wd-hover-icons .wd-buttons,
.wd-product .wrapp-buttons .wd-buttons {
  padding: 5px !important;
  border: 1px solid var(--atrak-border) !important;
  border-radius: 16px !important;
  background: var(--atrak-glass) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.10) !important;
  backdrop-filter: blur(16px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
}
.wd-product.wd-hover-icons .wd-buttons .wd-action-btn > a,
.wd-product.wd-hover-icons .wd-buttons .wd-action-btn > button {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
}
.wd-product .product-element-top { overflow: hidden; border-radius: 18px; }
.wd-product .product-image-link img { aspect-ratio: 1 / 1; object-fit: contain; }

/* Footer */
.wd-footer,.footer-container { margin-top:42px; background:linear-gradient(145deg,#111214,#1b1d21) !important; color:rgba(255,255,255,.82); overflow:hidden; }
.wd-footer .main-footer { max-width:none !important; padding:0 !important; }
.wd-footer h2,.wd-footer h3,.wd-footer h4 { color:#fff; letter-spacing:-.25px; }
.wd-footer a { color:rgba(255,255,255,.82); }
.wd-footer a:hover { color:#fff; }
.wd-footer .elementor-widget-wrap { align-content:flex-start; }
.wd-footer .elementor-column > .elementor-widget-wrap {
  border-radius: 22px;
  padding: 22px !important;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
}
.wd-footer .elementor-icon { background:var(--atrak-red) !important; color:#fff !important; }
.wd-footer .elementor-section:first-child { border-top:3px solid var(--atrak-red); }
.wd-footer .elementor-container { gap:18px; }
.wd-footer .copyrights-wrapper { border-top:1px solid rgba(255,255,255,.09); background:rgba(0,0,0,.18); }
.wd-footer .elementor-339 > .elementor-element-85ffb1d { padding:28px 24px !important; background:#f5f6f7 !important; }
.wd-footer .elementor-339 > .elementor-element-b57efe5,
.wd-footer .elementor-339 > .elementor-element-d5f2223 { display:none !important; }
.wd-footer .elementor-339 > .elementor-element-5ebc15e { padding:34px 24px 24px !important; border-radius:32px 32px 0 0; background:#242629 !important; }
.wd-footer .elementor-339 > .elementor-element-f909402 { padding:18px 24px 22px !important; background:#242629 !important; }

/* Blog cards and thumbnails */
.blog .article-body-container,
.home .article-body-container,
.blog .post-slide,
.home .post-slide { height:100%; }
.blog .entry-thumbnail img,
.home .entry-thumbnail img,
.blog .post-img-wrapp img,
.home .post-img-wrapp img,
.blog .wd-post-thumb img,
.home .wd-post-thumb img,
.blog article.post img.wp-post-image,
.home article.post img.wp-post-image {
  width:100%;
  height:260px !important;
  min-height:260px !important;
  max-height:260px !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block;
}
.blog .entry-thumbnail,.home .entry-thumbnail,.blog .post-img-wrapp,.home .post-img-wrapp,.blog .wd-post-thumb,.home .wd-post-thumb { height:260px !important; overflow:hidden; }
.blog .article-inner,
.home .article-inner { height:100%; display:flex; flex-direction:column; }
.blog .article-body-container,
.home .article-body-container { flex:1; }

/* Shop pagination */
.woocommerce-pagination ul.page-numbers,
.wd-pagination { display:flex !important; justify-content:center; align-items:center; gap:8px; margin-block:34px; }
.woocommerce-pagination .page-numbers li { border:0 !important; }
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers,
.wd-pagination a,
.wd-pagination span {
  display:grid; place-items:center; min-width:40px; height:40px; padding:0 12px;
  border-radius:12px; border:1px solid #e8e8eb; background:#fff; box-shadow:0 5px 14px rgba(0,0,0,.05);
}
.woocommerce-pagination .current,
.wd-pagination .current { color:#fff !important; border-color:var(--atrak-red) !important; background:var(--atrak-red) !important; }

/* About brand banner and brand ticker */
.atrak-about-banner { margin: 12px auto 36px; max-width:1220px; padding-inline:15px; }
.atrak-about-banner img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:28px; box-shadow:0 22px 55px rgba(0,0,0,.22); }
.atrak-brands { max-width:1220px; margin:38px auto 46px; padding-inline:15px; }
.atrak-brands-title { margin:0 0 16px; text-align:center; color:var(--atrak-ink); font-size:clamp(20px,2.3vw,30px); font-weight:800; }
.atrak-brands-title span { color:var(--atrak-red); }
.atrak-brand-rail { overflow:hidden; border:1px solid rgba(19,22,28,.08); border-radius:20px; background:rgba(255,255,255,.78); box-shadow:var(--atrak-shadow); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.atrak-brand-track { width:max-content; display:flex; align-items:center; gap:14px; padding:14px; animation:atrak-marquee 26s linear infinite; }
.atrak-brand-rail:hover .atrak-brand-track { animation-play-state:paused; }
.atrak-brand-name { display:inline-flex; align-items:center; justify-content:center; min-width:135px; height:46px; padding:0 20px; direction:ltr; border-radius:13px; color:#24262b; background:#f5f5f6; font-weight:800; font-size:15px; letter-spacing:.35px; }
@keyframes atrak-marquee { to { transform:translateX(-50%); } }

/* Mobile menu: correct brand and site-red accent */
.atrak-mobile-menu-logo { display:flex; justify-content:center; align-items:center; padding:13px 50px 12px; border-bottom:1px solid rgba(0,0,0,.07); }
.atrak-mobile-menu-logo img { width:auto; height:52px; object-fit:contain; }
.mobile-nav .wd-heading { min-height:74px; }
.mobile-nav .wd-nav-mobile > li > a { border-radius:12px; margin:3px 8px; }
.mobile-nav .wd-nav-mobile > li.current-menu-item > a,
.mobile-nav .wd-nav-mobile > li > a:hover { color:var(--atrak-red) !important; background:rgba(229,35,41,.07); }

/* Checkout: unify rose-gold/foreign accents with Atrak red */
.woocommerce-checkout,
.fsc-checkout-layout { --fsc-primary:var(--atrak-red); --fsc-accent:var(--atrak-red); --wd-primary-color:var(--atrak-red); }
.fsc-btn-primary,
.fsc-stepper-item.is-active .fsc-stepper-icon,
.fsc-stepper-item.is-done .fsc-stepper-icon,
#place_order,
.checkout-button,
.woocommerce-checkout button.button.alt { background:var(--atrak-red) !important; border-color:var(--atrak-red) !important; color:#fff !important; }
.fsc-btn-primary:hover,#place_order:hover,.checkout-button:hover { background:var(--atrak-red-dark) !important; }
.fsc-stepper-item.is-active,.fsc-stepper-item.is-done,
.fsc-payment-gateways input:checked + label { color:var(--atrak-red) !important; }

@media (max-width:1024px) {
  .atrak-header-tools { margin-inline:4px; gap:5px; }
  .atrak-header-chip { min-height:34px; padding:6px 9px; }
  .atrak-header-phone .atrak-hours { display:none; }
}

@media (max-width:767px) {
  .whb-main-header,
  .wd-toolbar {
    background:rgba(255,255,255,.68) !important;
    border:1px solid rgba(255,255,255,.7);
    box-shadow:0 10px 30px rgba(15,23,42,.10);
    backdrop-filter:blur(18px) saturate(150%);
    -webkit-backdrop-filter:blur(18px) saturate(150%);
  }
  .atrak-desktop-tools { display:none !important; }
  .atrak-mobile-tools { display:inline-flex; }
  .atrak-mobile-tools .atrak-header-chip { width:36px; height:36px; min-height:36px; padding:0; justify-content:center; border-color:rgba(20,20,20,.09); background:rgba(255,255,255,.52); color:#202126; }
  .atrak-mobile-tools .atrak-label { display:none; }
  .wd-product.wd-hover-icons .wd-buttons { border-radius:14px !important; padding:4px !important; }
  .wd-product.wd-hover-icons .wd-buttons .wd-action-btn > a,
  .wd-product.wd-hover-icons .wd-buttons .wd-action-btn > button { width:31px !important; height:31px !important; min-width:31px !important; }
  .wd-footer { margin-top:26px; }
  .wd-footer .main-footer { padding:0 0 78px !important; }
  .wd-footer .elementor-column > .elementor-widget-wrap { padding:18px !important; margin-bottom:12px; border-radius:18px; text-align:center; }
  .wd-footer .elementor-icon-box-wrapper { align-items:center; }
  .wd-footer .elementor-339 > .elementor-element-85ffb1d { padding:22px 12px !important; }
  .wd-footer .elementor-339 > .elementor-element-5ebc15e { padding:28px 12px 18px !important; border-radius:24px 24px 0 0; }
  .wd-footer .elementor-339 > .elementor-element-f909402 { padding:14px 12px 18px !important; }
  .atrak-about-banner { margin:6px auto 24px; padding-inline:10px; }
  .atrak-about-banner img { aspect-ratio:4/3; border-radius:20px; }
  .atrak-brands { margin:28px auto 32px; padding-inline:10px; }
  .atrak-brand-rail { border-radius:16px; }
  .atrak-brand-track { gap:9px; padding:10px; animation-duration:20s; }
  .atrak-brand-name { min-width:112px; height:40px; padding:0 14px; font-size:13px; }
  .blog .entry-thumbnail img,.home .entry-thumbnail img,.blog .post-img-wrapp img,.home .post-img-wrapp img,.blog .wd-post-thumb img,.home .wd-post-thumb img,.blog article.post img.wp-post-image,.home article.post img.wp-post-image,
  .blog .entry-thumbnail,.home .entry-thumbnail,.blog .post-img-wrapp,.home .post-img-wrapp,.blog .wd-post-thumb,.home .wd-post-thumb { height:210px !important; min-height:210px !important; max-height:210px !important; }
  .fsc-panel-card,.fsc-checkout-main,.fsc-checkout-sidebar { border-radius:16px !important; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; }
}

/* v1.0.3 refinements */
.atrak-desktop-tools { gap:5px !important; margin-inline:5px !important; }
.atrak-desktop-tools .atrak-header-chip {
  min-height:34px !important;
  padding:5px 9px !important;
  border:0 !important;
  border-radius:11px !important;
  background:rgba(255,255,255,.10) !important;
  box-shadow:none !important;
  font-size:12px;
}
.atrak-desktop-tools .atrak-hours { display:none !important; }
.atrak-brand-track {
  direction:ltr;
  gap:0 !important;
  padding:14px 0 !important;
  animation:atrak-marquee 30s linear infinite !important;
  animation-play-state:running !important;
  will-change:transform;
}
.atrak-brand-sequence { display:flex; flex:0 0 auto; align-items:center; gap:14px; padding-inline-end:14px; }
.atrak-brand-rail:hover .atrak-brand-track { animation-play-state:running !important; }
@keyframes atrak-marquee {
  0% { transform:translate3d(0,0,0); }
  100% { transform:translate3d(-50%,0,0); }
}

/* One consistent compact glass action bar on every product card. */
.wd-product .product-element-top .wd-buttons,
.wd-product .wrapp-buttons .wd-buttons {
  position:absolute !important;
  inset:auto auto 10px 50% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  width:max-content !important;
  max-width:calc(100% - 18px) !important;
  height:auto !important;
  gap:1px !important;
  padding:4px 6px !important;
  transform:translateX(-50%) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.10) !important;
  backdrop-filter:blur(14px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(145%) !important;
}
.wd-product .wd-buttons .wd-action-btn { margin:0 !important; }
.wd-product .wd-buttons .wd-action-btn > a,
.wd-product .wd-buttons .wd-action-btn > button {
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  min-height:30px !important;
  border-radius:9px !important;
}

/* Equal-height catalogue cards in every grid and breakpoint. */
.wd-products .wd-product { height:100% !important; align-self:stretch; }
.wd-products .wd-product .product-wrapper {
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}
.wd-products .wd-product .product-element-bottom {
  display:flex !important;
  flex:1 1 auto;
  flex-direction:column !important;
}
.wd-products .wd-product .wd-entities-title { min-height:48px; display:flex; align-items:center; }
.wd-products .wd-product .wd-product-cats { min-height:20px; }
.wd-products .wd-product .price,
.wd-products .wd-product .wd-add-btn { margin-top:auto; }

/* Compact numbered shop pagination. */
.woocommerce-pagination ul.page-numbers,.wd-pagination { gap:4px !important; margin-block:24px !important; }
.woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers,
.wd-pagination a,.wd-pagination span {
  min-width:34px !important;
  height:34px !important;
  padding:0 8px !important;
  border-radius:10px !important;
  font-size:13px !important;
  box-shadow:none !important;
}

/* Checkout icons: unified red and softened square corners. */
.fsc-stepper-icon,.fsc-step-icon,.fsc-progress-icon,
.fsc-stepper-item.is-active .fsc-stepper-icon,
.fsc-stepper-item.is-done .fsc-stepper-icon {
  border-radius:13px !important;
}
.fsc-stepper-item.is-active .fsc-stepper-icon,
.fsc-stepper-item.is-done .fsc-stepper-icon,
.fsc-step.active .fsc-step-icon,
.fsc-step.completed .fsc-step-icon {
  color:#fff !important;
  border-color:var(--atrak-red) !important;
  background:var(--atrak-red) !important;
}

/* Mobile bottom navigation is independent from the footer and always visible. */
@media (max-width:767px) {
  .wd-footer .elementor-element-4268277 {
    position:fixed !important;
    inset:auto 0 8px 0 !important;
    display:block !important;
    width:100% !important;
    height:62px !important;
    min-height:62px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:9998 !important;
    pointer-events:none;
  }
  .wd-footer .elementor-element-453646c {
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    width:min(340px,calc(100vw - 24px)) !important;
    height:58px !important;
    margin:0 auto !important;
    padding:6px 10px !important;
    border:1px solid rgba(255,255,255,.76) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.78) !important;
    box-shadow:0 12px 34px rgba(15,23,42,.18) !important;
    backdrop-filter:blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(150%) !important;
    pointer-events:auto;
  }
  .wd-footer .elementor-element-453646c > .elementor-element { flex:1 1 25% !important; width:25% !important; }
  .wd-footer .elementor-element-4268277 .elementor-icon {
    color:#1f2227 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
  }
  .wd-footer .elementor-element-4268277 .elementor-icon svg { width:23px !important; height:23px !important; }
  .wd-footer .elementor-element-4268277 .elementor-icon-box-title,
  .wd-footer .elementor-element-4268277 .elementor-icon-box-title a { color:#1f2227 !important; font-size:11px !important; }

  .atrak-mobile-tools { gap:7px !important; margin:0 4px !important; }
  .atrak-mobile-tools .atrak-header-chip {
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .atrak-mobile-tools .atrak-header-chip:hover { color:var(--atrak-red) !important; background:transparent !important; transform:none; }
  .atrak-mobile-tools .atrak-header-chip svg { width:22px !important; height:22px !important; max-width:22px !important; max-height:22px !important; }

  .mobile-nav .wd-nav-opener {
    width:34px !important;
    height:34px !important;
    margin-inline-start:6px !important;
    border-radius:10px !important;
    color:var(--atrak-red) !important;
    background:rgba(229,35,41,.08) !important;
  }
  .mobile-nav .wd-sub-menu { margin:5px 8px 9px !important; padding:6px !important; border-radius:12px; background:#f7f7f8; }
  .mobile-nav .wd-sub-menu a { border-radius:9px; }

  .wd-footer .elementor-element-5ebc15e > .elementor-container,
  .wd-footer .elementor-element-5ebc15e .elementor-row {
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }
  .wd-footer .elementor-element-5ebc15e .elementor-column {
    width:100% !important;
    max-width:100% !important;
  }
  .wd-footer .elementor-element-5ebc15e .elementor-column > .elementor-widget-wrap {
    margin:0 !important;
    padding:18px 14px !important;
    text-align:right !important;
  }
  .wd-footer .elementor-element-f909402 { text-align:center !important; }

  /* Mobile footer: trust badge + store information only. */
  .wd-footer .elementor-element-5ebc15e .elementor-element-7a2cf28 { display:none !important; }
  .wd-footer .elementor-element-5ebc15e .elementor-element-a6f2a3f,
  .wd-footer .elementor-element-5ebc15e .elementor-element-5da9b18 { display:flex !important; width:100% !important; }
  .wd-footer .elementor-element-a6f2a3f img { width:92px !important; height:auto !important; margin:auto; }

  .wd-footer .elementor-element-85ffb1d .elementor-row,
  .wd-footer .elementor-element-85ffb1d > .elementor-container {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
  .wd-footer .elementor-element-85ffb1d .elementor-column {
    width:100% !important;
    max-width:100% !important;
  }
  .wd-footer .elementor-element-85ffb1d .elementor-widget-wrap {
    min-height:76px !important;
    margin:0 !important;
    padding:12px 14px !important;
    border-radius:16px !important;
  }
  .wd-footer .elementor-element-85ffb1d .elementor-icon-box-wrapper {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    text-align:right !important;
  }
  .wd-products .wd-product .wd-entities-title { min-height:42px; font-size:13px; }
  .atrak-brand-track { padding:10px 0 !important; }
  .atrak-brand-sequence { gap:9px; padding-inline-end:9px; }
}

@media (min-width:768px) {
  /* The same complete footer on the homepage and all inner pages. */
  .wd-footer .elementor-element-5ebc15e .elementor-element-a6f2a3f,
  .wd-footer .elementor-element-5ebc15e .elementor-element-5da9b18 { display:flex !important; }
  .wd-footer .elementor-element-5ebc15e .elementor-element-a6f2a3f { width:22% !important; }
  .wd-footer .elementor-element-5ebc15e .elementor-element-7a2cf28 { width:50% !important; }
  .wd-footer .elementor-element-5ebc15e .elementor-element-5da9b18 { width:28% !important; }
  .wd-footer .elementor-element-a6f2a3f img { width:110px !important; height:auto !important; margin:auto; }
}