/* === HB Palette A — NEON PINK (Fuşya • Gül Pembesi • Magenta) === */
/* 1) Değişkenler (tema değişkenlerini ez) */
:root{
  /* Neon fuşya degrade */
  --color-brand:#ff4fd8;      /* üst: neon fuşya  */
  --color-brand-2:#d1009f;    /* alt: magenta ton */
  --primary-color:#ff4fd8;
  --color-primary:#ff4fd8;

  /* Kurumsal koyu zemin (plum) */
  --color-secondary:#2b002e;

  /* Metinler (uyumlu, göz yormaz) */
  --color-heading:#1b001a;    /* başlık */
  --color-text:#4a2a43;       /* gövde metni (mauve) */

  /* Yüzeyler (beyaz alanları palete dahil et) */
  --hb-surface:#fff2f8;       /* kart/form için sıcak beyaz-pembe */
  --hb-surface-2:#feeafb;     /* bölüm arkası: çok açık pembe */
  --hb-soft:#3a0a3c;          /* koyu yumuşak plum */
  --hb-muted:#a57aa1;         /* açıklama metni */
}

/* 2) Üst şerit/menü plum, içerik açık */
.header-area,
.header-bottom.sticky-blue-bg,
.sticky-blue-bg{ background:#2b002e !important; color:#f6e8f4 !important; }

/* 3) Zemin ve tipografi (daha kurumsal) */
body{ background:#feeafb !important; color:var(--color-text) !important; }
.main, .main-content, .page-content, .gray-bg{ background:var(--hb-surface-2) !important; }
h1,h2,h3,h4,h5,h6,.page-title{ color:var(--color-heading) !important; font-weight:800 !important; }
p, li, .text-body, .content, .entry-content{ color:var(--color-text) !important; }

/* 4) Kart / form blokları (beyaz alanları güzelleştir) */
.card, .box, .login-wrap, .register-wrap, .form-box, .account-page,
.section--boxed, .section--content, .single-page .container > .row > [class*="col"] > .bg-white,
.bg-white{
  background:var(--hb-surface) !important;
  border:1px solid #f5d7ee !important;
  border-radius:22px !important;
  box-shadow:0 12px 28px rgba(43,0,46,.10) !important;
}

/* 5) Form elemanları */
input[type="text"],input[type="email"],input[type="password"],input[type="tel"],
select,textarea,.form-control{
  background:#fff !important; border:1px solid #e8cfe2 !important; border-radius:12px !important;
  color:var(--color-heading) !important; height:44px;
}
textarea{ min-height:120px; }
input:focus,select:focus,textarea:focus,.form-control:focus{
  outline:none !important;
  border-color:var(--color-brand-2) !important;
  box-shadow:0 0 0 3px rgba(255,79,216,.28) !important; /* neon pembe parıltı */
}
label,.form-label,.field__label{ color:#3b2036 !important; font-weight:600 !important; }
.form-text,.help-block,small{ color:var(--hb-muted) !important; }

/* 6) Linkler & breadcrumb */
a, .text-brand, .text-primary, [class*="text-primary"]{ color:var(--color-brand) !important; }
a:hover{ filter:brightness(1.06); }
.breadcrumb a{ color:var(--color-brand) !important; }
.breadcrumb{ color:#c7a8bf !important; }

/* 7) GERÇEKÇİ 3D NEON PINK BUTONLAR (metin uyumlu) */
.btn, .button, .btn-default, .btn-primary,
[class*="btn-primary"], [class*="button-primary"], .bg-primary,
button, input[type="submit"], .newsletter .btn{
  position:relative;
  background:linear-gradient(180deg,var(--color-brand) 0%,var(--color-brand-2) 100%) !important;
  border:1px solid #ad007d !important;
  color:#2a001f !important;            /* koyu metin: emanet durmaz */
  border-radius:9999px !important;
  line-height:40px !important;
  padding:0 22px !important;
  box-shadow:0 6px 0 #7a0059, 0 12px 24px rgba(43,0,46,.18) !important;  /* alt gölge */
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;                  /* kabartma */
}
.btn::after, .button::after, .btn-primary::after,
[class*="btn-"]::after, button::after, input[type="submit"]::after{
  content:""; pointer-events:none; position:absolute; left:6px; right:6px; top:4px; height:40%;
  background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.08));
  border-radius:inherit; filter:blur(.2px);
}
.btn:hover, .button:hover, [class*="btn-"]:hover, button:hover, input[type="submit"]:hover{
  filter:brightness(1.07);
}
.btn:active, .button:active, [class*="btn-"]:active, button:active, input[type="submit"]:active{
  transform:translateY(1px); box-shadow:0 5px 0 #7a0059 !important;
}

/* 8) İkincil buton (nötr pembe/beyaz) */
.btn-light, .button--light, .btn-secondary{
  background:#f3e3ee !important; color:#2a001f !important;
  border:1px solid #e0c3d6 !important; border-radius:9999px !important;
  box-shadow:0 3px 0 #c9a9be !important;
}

/* 9) Rozet/etiketler */
.badge, .badge-primary, [class*="badge-primary"]{
  background:var(--hb-soft) !important; color:#f6e8f4 !important; border-radius:12px !important;
}

/* 10) Bülten barı (footer CTA) */
.newsletter, .newsletter-bg, .newsletter-wrapper{
  background:linear-gradient(180deg,var(--color-brand) 0%,var(--color-brand-2) 100%) !important;
  color:#2a001f !important;
}
.newsletter input[type="email"], .newsletter .form-control{
  background:#fff !important; border-color:#ad007d !important; border-radius:9999px !important;
}
.newsletter .btn{ box-shadow:0 6px 0 #7a0059 !important; }