/* ==========================
   Custom Black & White Theme
   ========================== */

/* Global */
body {
  background-color: #ffffff !important;
}

/* All Variables */
:root {
    --primary-color: #000000; /* Black */
    --secondary-color: #ffffff; /* White */
    --font-family: "Alexandria", sans-serif;
    --header-icons: #000000;
    --footer-img: url("https://i.ibb.co/6cgpDnzQ/logo2.png");
    --footer-color: #000000; /* Footer black */
}

/* Navigation */
div#mainnav {
    background: var(--primary-color);
}

div#mainnav * {
    color: var(--secondary-color);
}

.top-navbar {
  display: none;
}

custom-main-menu {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

/* Responsive adjustments */
@media(min-width: 640px) {
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top:0;
}
}

@media(min-width:992px) {
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top:-6rem;
}
}

@media(max-width:768px) {
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top:0 !important;
}
}

/* Header */
@media(min-width: 1024px) {
  .navbar-brand img {
    max-height: 4rem;
  }
}

.top-navbar {
  background-color: #000;
  color: #fff;
  visibility: hidden;
}

.main-nav-container {
  align-content: center;
}

.main-menu li.root-level > a {
  color: #fff;
}

.header-btn__icon,
.s-cart-summary-total,
.mburger .sicon-menu.text-primary {
  color: #fff;
  border-color: #fff;
}

.s-user-menu-trigger {
  background-color: transparent;
}

/* Categories */
.slide--cat-entry h2 {
  display: none;
}

section.s-block.s-block--categories .container .s-slider-wrapper .swiper-slide > a {
  background-color: transparent;
  border: none;
}

section.s-block.s-block--categories img {
  width: 100%;
  height: 100%;
  transition: .3s;
}

section.s-block.s-block--categories img:hover {
  transform: scale(1.05);
}

/* Product Tabs */
.s-block--tabs-produtcs {
  background-color: #fff;
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
  background-color: #000;
  color: #fff;
}

/* Products Section */
.s-product-card-vertical {
  padding: .4rem;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0,0,0,0.15);
  border-radius: 6px;
}

.s-product-card-content-title a {
  color: #000;
}

.s-product-card-price, 
.s-product-card-sale-price h4 {
  color: #000 !important;
}

.s-product-card-sale-price span {
  color: #666;
}

.s-button-wide {
  background-color: #000;
  color: #fff;
  border-radius: 8px;
  padding: 8px;
}

.s-product-card-vertical img {
  transition: .5s;
  aspect-ratio: 1/1;
}

.s-product-card-vertical:hover img {
  transform: scale(1.08);
}

/* Store Features */
section.s-block.s-block--banners.container .banner-entry {
  background: none;
}

/* Footer */
.footer-is-light .store-footer {
  background-color: var(--footer-color) !important;
  color: #fff;
}

footer.store-footer * {
  color: #fff;
  text-align: center;
}

footer .store-footer__inner {
  background-color: var(--footer-color) !important;
}

footer .store-footer__inner .container.grid > div:nth-of-type(1) h3 {
  display: none;
}

footer .store-footer__inner .container.grid > div > p {
  margin: 10px auto;
}

footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a::after {
  content: "";
  display: block;
  width: 145px;
  height: 114px;
  background-image: var(--footer-img);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
}

/* Reviews */
.s-reviews-container {
  margin-top: 3rem;
}

.s-reviews-testimonial {
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 2px 2px 6px #ddd;
  background-color: #fff;
}

.s-reviews-testimonial * {
  color: #000;
}

.copyright-text p, 
.copyright-text a {
  color: #fff;
}








/* ==========================
   Custom Black & White Theme (Footer Light Gray)
   ========================== */

/* Global */
body {
  background-color: #ffffff !important;
}

/* All Variables */
:root {
    --primary-color: #000000; /* Black */
    --secondary-color: #ffffff; /* White */
    --font-family: "Alexandria", sans-serif;
    --header-icons: #000000;
    --footer-img: url("https://i.ibb.co/6cgpDnzQ/logo2.png");
    --footer-color: #f2f2f2; /* Light gray footer */
}

/* Navigation */
div#mainnav {
    background: var(--primary-color);
}

div#mainnav * {
    color: var(--secondary-color);
}

.top-navbar {
  display: none;
}

custom-main-menu {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

/* Responsive adjustments */
@media(min-width: 640px) {
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top:0;
}
}

@media(min-width:992px) {
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top:-6rem;
}
}

@media(max-width:768px) {
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top:0 !important;
}
}

/* Header */
@media(min-width: 1024px) {
  .navbar-brand img {
    max-height: 4rem;
  }
}

.top-navbar {
  background-color: #000;
  color: #fff;
  visibility: hidden;
}

.main-nav-container {
  align-content: center;
}

.main-menu li.root-level > a {
  color: #fff;
}

.header-btn__icon,
.s-cart-summary-total,
.mburger .sicon-menu.text-primary {
  color: #fff;
  border-color: #fff;
}

.s-user-menu-trigger {
  background-color: transparent;
}

/* Categories */
.slide--cat-entry h2 {
  display: none;
}

section.s-block.s-block--categories .container .s-slider-wrapper .swiper-slide > a {
  background-color: transparent;
  border: none;
}

section.s-block.s-block--categories img {
  width: 100%;
  height: 100%;
  transition: .3s;
}

section.s-block.s-block--categories img:hover {
  transform: scale(1.05);
}

/* Product Tabs */
.s-block--tabs-produtcs {
  background-color: #fff;
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
  background-color: #000;
  color: #fff;
}

/* Products Section */
.s-product-card-vertical {
  padding: .4rem;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  border-radius: 6px;
}

.s-product-card-content-title a {
  color: #000;
}

.s-product-card-price, 
.s-product-card-sale-price h4 {
  color: #000 !important;
}

.s-product-card-sale-price span {
  color: #666;
}

.s-button-wide {
  background-color: #000;
  color: #fff;
  border-radius: 8px;
  padding: 8px;
}

.s-product-card-vertical img {
  transition: .5s;
  aspect-ratio: 1/1;
}

.s-product-card-vertical:hover img {
  transform: scale(1.08);
}

/* Store Features */
section.s-block.s-block--banners.container .banner-entry {
  background: none;
}

/* Footer */
.footer-is-light .store-footer {
  background-color: var(--footer-color) !important;
  color: #000;
}

footer.store-footer * {
  color: #000;
  text-align: center;
}

footer .store-footer__inner {
  background-color: var(--footer-color) !important;
}

footer .store-footer__inner .container.grid > div:nth-of-type(1) h3 {
  display: none;
}

footer .store-footer__inner .container.grid > div > p {
  margin: 10px auto;
}

footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a::after {
  content: "";
  display: block;
  width: 145px;
  height: 114px;
  background-image: var(--footer-img);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
}

/* Reviews */
.s-reviews-container {
  margin-top: 3rem;
}

.s-reviews-testimonial {
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 2px 2px 6px #ddd;
  background-color: #fff;
}

.s-reviews-testimonial * {
  color: #000;
}

.copyright-text p, 
.copyright-text a {
  color: #000;
}








/* Add to Cart Button Style */
.s-button-wide,
button.s-button,
button.add-to-cart {
  background-color: #ffffff; /* White background */
  color: #000000; /* Black text */
  border: 1.5px solid #000000; /* Black border */
  border-radius: 8px;
  padding: 10px 20px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Hover & Active (pressed) state */
.s-button-wide:hover,
button.s-button:hover,
button.add-to-cart:hover,
.s-button-wide:active,
button.s-button:active,
button.add-to-cart:active {
  background-color: #000000; /* Black background */
  color: #ffffff; /* White text */
  border-color: #000000;
  transform: scale(0.98); /* Slight press effect */
}