/* Albirmama — Sarı arka plan + siyah metin teması */
:root,
:host {
  --color-light-primary-text: #000000;
  --color-light-secondary-text: #333333;
  --color-light-disabled-text: #666666;

  --color-primary-lighter: #ffef9e;
  --color-primary-light: #ffd24d;
  --color-primary: #f0b500;
  --color-primary-dark: #d48a00;
  --color-primary-darker: #000000;

  --color-warning-lighter: #ffef9e;
  --color-warning-light: #ffd24d;
  --color-warning: #f0b500;
  --color-warning-dark: #a67202;
}

html,
body {
  background-color: #ffffff;
  color: var(--color-light-primary-text);
}

/* Birincil butonlar — siyah yazı */
.btn-primary {
  color: var(--color-black) !important;
  --tw-shadow: 0 6px 15px rgba(0, 0, 0, 0.14) !important;
}

.btn-primary:hover {
  color: var(--color-black) !important;
}

.btn-primary .text-white,
.btn-primary i.text-white {
  color: var(--color-black) !important;
}

.btn-primary.outline {
  color: var(--color-black) !important;
  --tw-ring-color: rgba(0, 0, 0, 0.28) !important;
}

.btn-primary.outline:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
  --tw-ring-color: var(--color-black) !important;
}

/* Header — sarı zemin, siyah yazı */
header .bg-primary.header-top,
header .storefront-header-surface {
  background-color: var(--color-primary) !important;
}

header .bg-primary.header-top,
header .bg-primary.header-top .text-white,
header .bg-primary.header-top a,
header .bg-primary.header-top p,
header .bg-primary.header-top i.hgi {
  color: var(--color-black) !important;
}

header .storefront-header-surface .text-white,
header .storefront-header-surface a.text-white,
header .storefront-header-surface i.text-white,
header .storefront-header-surface .storefront-header-support,
header .storefront-header-surface .storefront-header-support a {
  color: var(--color-black) !important;
}

header .storefront-header-surface .storefront-header-actions .text-light-primary-text,
header .storefront-header-surface .storefront-header-actions .text-light-secondary-text,
header .storefront-header-surface .storefront-header-actions .hgi-arrow-down-01 {
  color: var(--color-black) !important;
}

header .storefront-header-surface .main-menu > ul > li > a,
header .storefront-header-surface .main-menu ul li > a.storefront-nav-root-link {
  color: var(--color-black) !important;
}

header .storefront-header-surface .main-menu > ul > li:hover > a,
header .storefront-header-surface .main-menu ul li:hover > a.storefront-nav-root-link {
  color: rgba(0, 0, 0, 0.72) !important;
}

header .storefront-header-surface .storefront-main-nav .storefront-nav-root-chevron {
  color: var(--color-black) !important;
}

header .storefront-header-surface .storefront-header-categories-btn.btn-primary {
  background-color: var(--color-black) !important;
  color: var(--color-primary) !important;
  border-color: var(--color-black) !important;
}

header .storefront-header-surface .storefront-header-categories-btn.btn-primary .hgi {
  color: var(--color-primary) !important;
}

header .storefront-header-surface #sidebar-menu-btn {
  border-color: rgba(0, 0, 0, 0.22) !important;
  background-color: rgba(0, 0, 0, 0.06) !important;
}

/* Footer — sarı zemin, siyah yazı */
footer.storefront-footer,
footer.bg-primary {
  background-color: var(--color-primary) !important;
  color: var(--color-black);
}

footer.storefront-footer .text-light-primary-text,
footer.storefront-footer .storefront-footer-bio,
footer.storefront-footer .storefront-footer-bio p,
footer.storefront-footer .storefront-footer-bio a {
  color: var(--color-black) !important;
}

footer.storefront-footer .text-white {
  color: var(--color-black) !important;
}

/* Eski teal SVG dolguları */
.storefront-shell-top svg [fill='#088178'],
.storefront-shell-top svg [fill='#088178'] {
  fill: var(--color-primary-dark);
}

/* Eski yeşil hover arka planları */
[class*='rgba(0,171,85'] {
  --tw-bg-opacity: 1;
}

.group:hover > [class*='rgba(0,171,85'],
.group:hover [class*='rgba(0,171,85'] {
  background-color: rgba(255, 193, 7, 0.18) !important;
}

/* Ürün kartları — sarı zeminde beyaz kart */
.product-image,
.product-image-link,
.product-image-frame {
  background-color: #fff;
}