/* Arofa Store — brand override on top of Storefront, matching arofateknoloji.com */
:root{
  --arofa-bg:#0b1120;
  --arofa-bg-soft:#111a2e;
  --arofa-card:#161f38;
  --arofa-border:#232c47;
  --arofa-text:#e2e8f0;
  --arofa-text-dim:#94a3b8;
  --arofa-primary:#6366f1;
  --arofa-primary-soft:#818cf8;
  --arofa-accent:#22d3ee;
}

body{
  background:var(--arofa-bg) !important;
  color:var(--arofa-text) !important;
}

/* Header */
#masthead, .site-header{
  background:var(--arofa-bg-soft) !important;
  border-bottom:1px solid var(--arofa-border);
}
.site-branding .site-title a,
.site-branding .site-title a:visited{
  color:var(--arofa-text) !important;
  font-weight:700;
}
.site-branding .site-title a{
  background:linear-gradient(90deg,#e2e8f0 0%,#e2e8f0 70%,var(--arofa-primary-soft) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.main-navigation ul li a{ color:var(--arofa-text) !important; }
.main-navigation ul li a:hover{ color:var(--arofa-accent) !important; }

/* Content surfaces */
#content, .content-area, #primary, #secondary,
.site-content, .storefront-breadcrumb{
  background:transparent !important;
  color:var(--arofa-text) !important;
}
.storefront-breadcrumb, .storefront-breadcrumb a{ color:var(--arofa-text-dim) !important; }

/* Page/archive/section titles (Shop, Description, Related products, etc.) */
#primary h1, #primary h2, #primary h3, #primary h4,
#content h1, #content h2, #content h3, #content h4{
  color:var(--arofa-text) !important;
  opacity:1 !important;
}

/* Product cards */
ul.products li.product,
.woocommerce ul.products li.product{
  background:var(--arofa-card) !important;
  border:1px solid var(--arofa-border) !important;
  border-radius:12px !important;
  padding:14px !important;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
.woocommerce div.product .product_title{
  color:var(--arofa-text) !important;
}
ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--arofa-accent) !important;
}
ul.products li.product .price del{ color:var(--arofa-text-dim) !important; opacity:.7; }

/* Buttons */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.storefront-primary-navigation .button, a.button.product_type_simple,
a.added_to_cart, .single_add_to_cart_button{
  background:var(--arofa-primary) !important;
  border-color:var(--arofa-primary) !important;
  color:#fff !important;
  border-radius:8px !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.single_add_to_cart_button:hover{
  background:var(--arofa-accent) !important;
  border-color:var(--arofa-accent) !important;
  color:#0b1120 !important;
}

/* Cards/panels: cart, checkout, account */
.woocommerce-checkout .col2-set, .woocommerce-cart table.cart, table.shop_table,
.woocommerce-form, .woocommerce table.shop_table{
  background:var(--arofa-card) !important;
  color:var(--arofa-text) !important;
  border-color:var(--arofa-border) !important;
}
table.shop_table th, table.shop_table td{ border-color:var(--arofa-border) !important; }
.woocommerce ::placeholder{ color:var(--arofa-text-dim); }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  background:var(--arofa-bg-soft) !important;
  border:1px solid var(--arofa-border) !important;
  color:var(--arofa-text) !important;
}

/* Force dark, readable text inside ALL white-background form fields
   (block checkout inputs/selects were inheriting the page's light text
   color, making typed/placeholder text nearly invisible on white) */
#primary input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
#primary select,
#primary textarea{
  color:#111827 !important;
  background:#ffffff !important;
}
#primary input::placeholder,
#primary textarea::placeholder{
  color:#111827 !important;
  opacity:0.65 !important;
}
#primary select option{ color:#111827 !important; }

/* Block checkout fields use a floating <label> instead of a native
   placeholder attribute (no input::placeholder exists in the DOM), so the
   rule above never matched. That label was inheriting the page's
   near-white text color (#e2e8f0) from the #primary rule above, making it
   nearly invisible on the white input background. */
#primary .wc-block-components-text-input label,
#primary .wc-blocks-components-select__label{
  color:#6b7280 !important;
}

/* "Order received" (thank-you) sayfasındaki klasik order-overview özeti de aynı
   nedenle (beyaz kart + #primary'nin miras aldığı neredeyse-beyaz metin) okunmuyordu.
   Bu blok floating-label değil, düz <li>/<strong> metni kullanıyor. */
#primary .woocommerce-order-overview,
#primary .woocommerce-order-overview li,
#primary .woocommerce-order-overview strong,
#primary .woocommerce-order-details,
#primary .woocommerce-order-details th,
#primary .woocommerce-order-details td,
#primary .wc-block-order-confirmation-additional-fields-wrapper,
#primary .wc-block-components-additional-fields-list dt,
#primary .wc-block-components-additional-fields-list dd{
  color:#111827 !important;
}

/* Widgets/footer */
#colophon, .site-footer, .storefront-handheld-footer-bar{
  background:var(--arofa-bg-soft) !important;
  color:var(--arofa-text-dim) !important;
  border-top:1px solid var(--arofa-border);
}
#colophon a{ color:var(--arofa-text) !important; }
.arofa-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:6px 18px;
  justify-content:center;
  padding:18px 0 6px;
  font-size:.85rem;
}
.arofa-footer-links a{ color:var(--arofa-text-dim) !important; text-decoration:underline; }
.arofa-footer-links a:hover{ color:var(--arofa-accent) !important; }

/* Hero banner (homepage) */
.arofa-hero{
  background:
    radial-gradient(ellipse at top, rgba(99,102,241,0.18), transparent 60%),
    var(--arofa-bg);
  border-bottom:1px solid var(--arofa-border);
  padding:56px 24px;
  text-align:center;
}
.arofa-hero img{ max-width:560px; width:100%; height:auto; margin:0 auto 8px; display:block; }
.arofa-hero h1{
  color:var(--arofa-text);
  font-size:2rem;
  margin:8px 0 6px;
}
.arofa-hero p{ color:var(--arofa-text-dim); font-size:1.05rem; max-width:620px; margin:0 auto; }

/* Prominent product disclaimer box */
.arofa-disclaimer-box{
  background:rgba(240,180,41,0.08) !important;
  border:1px solid rgba(240,180,41,0.45) !important;
  border-left:4px solid #f0b429 !important;
  border-radius:8px;
  padding:16px 20px;
  margin:20px 0;
}
.arofa-disclaimer-box p{ color:var(--arofa-text) !important; font-size:0.85rem; margin:0 0 10px; }
.arofa-disclaimer-box p:last-child{ margin-bottom:0; }
.arofa-disclaimer-box p:first-child{ color:#f0b429 !important; letter-spacing:.05em; font-size:0.8rem; }

/* Make the MT5 account field impossible to miss at checkout */
.wc-block-checkout__additional-fields,
.wc-block-components-checkout-step--additional-fields{
  border:2px solid var(--arofa-accent) !important;
  border-radius:10px;
  padding:16px !important;
  background:rgba(34,211,238,0.06) !important;
}
#billing-arofa\/mt5-account,
input[id*="mt5-account"]{
  border:2px solid var(--arofa-accent) !important;
}
.wc-block-components-checkout-step__title{ color:var(--arofa-text) !important; }

/* Star ratings / misc */
.woocommerce .star-rating span::before{ color:var(--arofa-accent) !important; }
mark{ background:transparent; color:var(--arofa-accent); }