/* ============================================================
   Arabian Bride Abaya — Brand Colour Scheme
   Palette: Deep Black  (#0d0d0d) + Champagne Gold (#c9a84c)
            Pure White (#ffffff)  + Warm Gold Tint (#f5e6c0)
   ============================================================ */

/* ---------- CSS Custom Properties ---------- */
:root {
  --brand-black:        #0d0d0d;
  --brand-black-soft:   #1a1a1a;
  --brand-gold:         #c9a84c;
  --brand-gold-light:   #e2c47a;
  --brand-gold-dark:    #a07c2e;
  --brand-white:        #ffffff;
  --brand-cream:        #f5e6c0;
  --brand-text-dark:    #1a1a1a;
  --brand-text-muted:   #7a6a4a;
}

/* ---------- Global resets ---------- */
body {
  background-color: var(--brand-white);
  color: var(--brand-text-dark);
}

/* ---------- Announcement bar ---------- */
.announcement-bar {
  background-color: var(--brand-white) !important;
  color: var(--brand-gold) !important;
  border-bottom: 1px solid var(--brand-gold-dark);
}
.announcement-text {
  color: var(--brand-gold) !important;
  font-weight: 500;
  letter-spacing: 0.04em;
}

/* ---------- Navigation ---------- */
.site-header {
  background-color: var(--brand-black) !important;
  border-bottom: 1px solid var(--brand-gold-dark);
}
.site-header a,
.site-nav__link,
.nav-link,
.mobile-nav__link {
  color: var(--brand-white) !important;
  transition: color 0.2s ease;
}
.site-header a:hover,
.site-nav__link:hover,
.nav-link:hover {
  color: var(--brand-gold) !important;
}
.site-nav__link--active,
.mobile-nav__link--active {
  color: var(--brand-gold) !important;
  border-bottom: 2px solid var(--brand-gold);
}

/* ---------- Site logo — square ---------- */
.site-header__logo img,
.site-header__logo-image {
  filter: brightness(1.1);
  border-radius: 0 !important;
  object-fit: cover;
}
/* Prevent any global styles from making it circular */
.site-header__logo a img {
  border-radius: 0 !important;
}

/* ---------- Hero / Slideshow ---------- */
.hero__text-wrap .hero__title,
.hero__text-wrap .hero__subtitle {
  color: var(--brand-white) !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}
.slideshow__slide .btn {
  background-color: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
  color: var(--brand-black) !important;
  font-weight: 700;
  letter-spacing: 0.06em;
  border-radius: 0 !important;
}
.slideshow__slide .btn:hover {
  background-color: var(--brand-gold-light) !important;
}

/* ---------- Section headings ---------- */
.section-header__title {
  font-weight: 700;
  color: var(--brand-black) !important;
  border-bottom: 2px solid var(--brand-gold);
  padding-bottom: 6px;
  display: inline-block;
}

/* ---------- Product grid ---------- */
.grid-product__title {
  color: var(--brand-black) !important;
  font-weight: 600;
}
.grid-product__price {
  color: var(--brand-gold-dark) !important;
  font-weight: 700;
}
.grid-product__price--original {
  color: var(--brand-text-muted) !important;
}
.grid-product__tag--sale {
  background-color: var(--brand-gold) !important;
  color: var(--brand-black) !important;
  font-weight: 700;
  border-radius: 0 !important;
}
.grid-product__tag--new {
  background-color: var(--brand-black) !important;
  color: var(--brand-gold) !important;
  border-radius: 0 !important;
}

/* ---------- SQUARE images (remove all rounding) ---------- */
.grid-product__image,
.grid-product__image-mask,
.image-wrap,
.product__media img,
.hero__image,
img.image-element {
  border-radius: 0 !important;
}
.grid-product__image-mask {
  overflow: hidden;
  border-radius: 0 !important;
}

/* ---------- Add to Cart button ---------- */
.btn--secondary,
.add-to-cart,
.btn {
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
}
.btn--secondary.add-to-cart,
.add-to-cart {
  background-color: var(--brand-black) !important;
  color: var(--brand-gold) !important;
  border: 1px solid var(--brand-gold) !important;
  transition: all 0.2s ease;
}
.btn--secondary.add-to-cart:hover,
.add-to-cart:hover {
  background-color: var(--brand-gold) !important;
  color: var(--brand-black) !important;
}
.btn.cart__checkout {
  background-color: var(--brand-gold) !important;
  color: var(--brand-black) !important;
  border-radius: 0 !important;
  font-weight: 700;
}

/* ---------- Mobile nav drawer ---------- */
#NavDrawer {
  background-color: var(--brand-black-soft) !important;
}
.mobile-nav__link {
  color: var(--brand-gold) !important;
  border-bottom-color: rgba(201,168,76,0.2) !important;
}
.mobile-nav__link:hover {
  color: var(--brand-gold) !important;
}

/* ---------- Footer ---------- */
.site-footer {
  background-color: var(--brand-black) !important;
  color: var(--brand-cream) !important;
  border-top: 2px solid var(--brand-gold);
}
.site-footer a {
  color: var(--brand-cream) !important;
  transition: color 0.2s ease;
}
.site-footer a:hover {
  color: var(--brand-gold) !important;
}
.footer__title.h4 {
  color: var(--brand-gold) !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-bottom: 1px solid rgba(201,168,76,0.3);
  padding-bottom: 8px;
  margin-bottom: 14px;
}
.footer__logo img {
  filter: brightness(1.15);
}
.site-footer__copyright {
  color: var(--brand-text-muted) !important;
  border-top: 1px solid rgba(201,168,76,0.2);
  padding-top: 12px;
}
/* Footer logo (nav logo shown in footer) */
.footer__nav-logo {
  display: block;
  margin-bottom: 16px;
}
.footer__nav-logo img {
  max-height: 80px;
  width: auto;
  /* square — no rounding */
  border-radius: 0;
}

/* ---------- Rich text / promo blocks ---------- */
.rte a,
.index-section a {
  color: var(--brand-gold) !important;
}
.btn--link {
  color: var(--brand-gold) !important;
}

/* ---------- Dropdown menus ---------- */
.site-nav__dropdown {
  background-color: var(--brand-black-soft) !important;
  border: 1px solid var(--brand-gold-dark) !important;
  border-radius: 0 !important;
}
.site-nav__dropdown a {
  color: var(--brand-white) !important;
}
.site-nav__dropdown a:hover {
  color: var(--brand-gold) !important;
  background-color: rgba(201,168,76,0.08) !important;
}

/* ---------- Cart drawer ---------- */
#CartDrawer {
  background-color: var(--brand-white) !important;
}
.drawer__title.h2 {
  color: var(--brand-black) !important;
}

/* ---------- Icon strokes/fills ---------- */
.icon path,
.icon rect {
  fill: currentColor;
}
.site-header .icon path {
  stroke: var(--brand-gold);
}

/* ---------- Collapsible triggers in footer ---------- */
.collapsible-trigger__icon svg path {
  stroke: var(--brand-gold) !important;
}