/* =========================
   VARIABLES GLOBALES
========================= */
:root {
  --bs-primary: #FFD600;
  --bs-primary-rgb: 255, 214, 0;

  --bs-dark: #111111;
  --bs-dark-rgb: 17,17,17;

  --bs-body-color: #222;
  --bs-body-bg: #ffffff;

  --bs-link-color: #FFD600;
  --bs-link-hover-color: #e6c200;

  --bs-border-radius: 10px;
}

/* =========================
   TYPO & BASE
========================= */
body {
  color: #222;
  background: #fff;
}

/* =========================
   HEADER
========================= */
#header {
  background: #111;
  border-bottom: none;
}

#header a {
  color: #fff;
}

#header a:hover {
  color: #FFD600;
}

/* Menu */
.top-menu a {
  font-weight: 500;
  transition: all 0.2s ease;
}

.top-menu a:hover {
  color: #FFD600 !important;
}

.header-bottom .navbar-brand .logo {
  max-width: 15rem;
}


.btn {
  border-radius: 6px;
  transition: all 0.2s ease;
}

.btn-primary {
  background-color: #FFD600;
  border-color: #FFD600;
  color: #111;
  font-weight: 600;
}

.btn-primary:hover {
  background-color: #e6c200;
  border-color: #e6c200;
  color: #111;
  transform: translateY(-2px);
}

.card,
.block,
.product-miniature {
  border: none;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  transition: all 0.2s ease;
}

.product-miniature:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

.product-title {
  font-weight: 600;
  color: #111;
}

.price {
  color: #111;
  font-weight: 700;
  font-size: 18px;
}

section {
  margin-bottom: 50px;
}

.hero-black {
  background: #111;
  color: #fff;
  padding: 60px 30px;
  border-radius: 10px;
}

.section-light {
  background: #f8f8f8;
  padding: 40px;
  border-radius: 10px;
}

a {
  transition: all 0.2s ease;
}

a:hover {
  color: #FFD600;
}

#footer {
  background: #111;
  color: #ccc;
  padding-top: 40px;
}

#footer a {
  color: #FFD600;
}

#footer a:hover {
  color: #fff;
}

input,
select,
textarea {
  border-radius: 6px !important;
  border: 1px solid #ddd !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #FFD600 !important;
  box-shadow: 0 0 0 2px rgba(255,214,0,0.2) !important;
}

.badge,
.product-flag {
  background: #FFD600;
  color: #111;
  font-weight: 600;
}

.breadcrumb {
  background: transparent;
  font-size: 14px;
}

img {
  border-radius: 8px;
}

.container {
  max-width: 1200px;
}

.header-block__action-btn {
  background: #FFD600;
  color: #111;
  border-radius: 6px;
  padding: 10px 20px;
  font-weight: 600;
}

.ps-customersignin a, .ps-shoppingcart .header-block__action-btn {
  color: #111 !important;
}
.ps-customersignin a:hover, .ps-shoppingcart .header-block__action-btn:hover {
  color: #FFF !important;
}
.header {
  position: relative;
}
#footer_customeraccount_title a {
  color:#FFF;
}

.ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item.active:active {
  color: black !important;
}

.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-dropdown-toggle {
  color: white !important;
}

/* Mobile */
@media (max-width: 767px) {
  .ps-mainmenu__mobile-toggle .menu-toggle {
    color: #fff;
  }
  .ps-mainmenu__mobile .menu__link {
    color: black !important;
  }
}