/* ==========================================================================
   FikirPos - Ortak Stil Dosyası
   ========================================================================== */

:root{
  --fp-black:#1a1a1a;
  --fp-black-soft:#2b2b2b;
  --fp-gold:#b3873f;
  --fp-gold-light:#d9ac5f;
  --fp-gold-dark:#8f6a2c;
  --fp-cream:#f8f5ef;
  --fp-gray:#6b6b6b;
  --fp-radius:14px;
  font-family:'Poppins', sans-serif;
}

body{
  font-family:'Poppins', sans-serif;
  color:var(--fp-black);
  background:#fff;
  overflow-x:hidden;
}

h1,h2,h3,h4,h5,.fw-brand{
  font-family:'Poppins', sans-serif;
  font-weight:600;
}

a{ text-decoration:none; }

.text-gold{ color:var(--fp-gold) !important; }
.bg-cream{ background:var(--fp-cream); }
.bg-black-soft{ background:var(--fp-black-soft); }

/* -------- Buttons -------- */
.btn-gold{
  background:linear-gradient(135deg,var(--fp-gold-light),var(--fp-gold-dark));
  border:none;
  color:#fff;
  font-weight:600;
  padding:.7rem 1.6rem;
  border-radius:50px;
  transition:transform .2s ease, box-shadow .2s ease;
  box-shadow:0 8px 18px rgba(179,135,63,.25);
}
.btn-gold:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 22px rgba(179,135,63,.35);
  color:#fff;
}
.btn-outline-black{
  border:2px solid var(--fp-black);
  color:var(--fp-black);
  font-weight:600;
  padding:.65rem 1.5rem;
  border-radius:50px;
  transition:all .2s ease;
}
.btn-outline-black:hover{
  background:var(--fp-black);
  color:#fff;
}
.btn-outline-gold{
  border:2px solid var(--fp-gold);
  color:var(--fp-gold);
  font-weight:600;
  padding:.6rem 1.4rem;
  border-radius:50px;
  transition:all .2s ease;
}
.btn-outline-gold:hover{
  background:var(--fp-gold);
  color:#fff;
}

/* -------- Navbar -------- */
.fp-navbar{
  background:#fff;
  box-shadow:0 2px 18px rgba(0,0,0,.06);
  padding-top:.6rem;
  padding-bottom:.6rem;
  transition:padding .2s ease;
}
.fp-logo{ display:flex; align-items:center; gap:.55rem; }
.fp-logo-icon{
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  background:var(--fp-black);
  border-radius:10px;
  flex-shrink:0;
}
.fp-logo-icon svg{ width:24px; height:24px; }
.fp-logo-text{ font-size:1.35rem; letter-spacing:.2px; line-height:1; }
.fp-logo-text .fikir{ color:var(--fp-black); font-weight:700; }
.fp-logo-text .pos{ color:var(--fp-gold); font-weight:700; }
.fp-logo-sub{ font-size:.62rem; letter-spacing:1.5px; color:var(--fp-gray); text-transform:uppercase; }

.navbar-nav .nav-link{
  color:var(--fp-black);
  font-weight:500;
  padding:.5rem 1rem !important;
  position:relative;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
  color:var(--fp-gold);
}
.navbar-nav .dropdown-menu{
  border:none;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  border-radius:12px;
  padding:.6rem;
  margin-top:0;
}
@media (min-width:992px){
  .navbar-nav .dropdown-menu{ margin-top:.4rem; }
}
.navbar-nav .dropdown-item i{ width:18px; color:var(--fp-gold-dark); }
.navbar-nav .dropdown-item{
  border-radius:8px;
  padding:.55rem .8rem;
  font-size:.92rem;
}
.navbar-nav .dropdown-item:hover{
  background:var(--fp-cream);
  color:var(--fp-gold-dark);
}
.fp-topbar{
  background:var(--fp-black);
  color:#ddd;
  font-size:.85rem;
}
.fp-topbar a{ color:#ddd; }
.fp-topbar a:hover{ color:var(--fp-gold-light); }

/* -------- Hero -------- */
.fp-hero{
  background:linear-gradient(180deg,var(--fp-cream) 0%, #fff 100%);
  padding:5.5rem 0 4rem;
  position:relative;
  overflow:hidden;
}
.fp-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  background:#fff;
  border:1px solid #eadfc9;
  color:var(--fp-gold-dark);
  font-size:.8rem;
  font-weight:600;
  padding:.4rem .9rem;
  border-radius:50px;
  margin-bottom:1.2rem;
}
.fp-hero h1{
  font-size:2.7rem;
  line-height:1.2;
  margin-bottom:1.1rem;
}
.fp-hero p.lead{
  color:var(--fp-gray);
  font-size:1.1rem;
  max-width:520px;
}
.fp-hero-stats{ gap:2.2rem; }
.fp-hero-stats .num{ font-size:1.5rem; font-weight:700; color:var(--fp-black); }
.fp-hero-stats .lbl{ font-size:.8rem; color:var(--fp-gray); }

.fp-mock-card{
  background:#fff;
  border-radius:22px;
  box-shadow:0 25px 60px rgba(26,26,26,.15);
  padding:1.4rem;
  max-width:380px;
  margin-left:auto;
  border:1px solid #f0ebe0;
}
.fp-mock-card .mock-header{
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:1rem;
}
.fp-mock-row{
  display:flex; justify-content:space-between; align-items:center;
  padding:.6rem .2rem; border-bottom:1px dashed #eee;
  font-size:.9rem;
}
.fp-mock-total{
  background:var(--fp-cream);
  border-radius:12px;
  padding:.9rem 1rem;
  display:flex; justify-content:space-between;
  font-weight:700;
  margin-top:.8rem;
}
.fp-float-badge{
  position:absolute;
  background:#fff;
  border-radius:14px;
  box-shadow:0 15px 35px rgba(0,0,0,.12);
  padding:.7rem 1rem;
  display:flex; align-items:center; gap:.6rem;
  font-size:.82rem;
  font-weight:600;
}

/* -------- Section titles -------- */
.fp-eyebrow{
  color:var(--fp-gold-dark);
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  font-size:.8rem;
}
.section-title{ font-size:2rem; margin-bottom:.8rem; }
.section-sub{ color:var(--fp-gray); max-width:640px; }

/* -------- Feature / product cards -------- */
.fp-feature-card{
  background:#fff;
  border-radius:var(--fp-radius);
  padding:2rem 1.6rem;
  height:100%;
  border:1px solid #f0ede6;
  transition:all .25s ease;
}
.fp-feature-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(26,26,26,.08);
  border-color:transparent;
}
.fp-icon-circle{
  width:58px; height:58px;
  border-radius:16px;
  background:linear-gradient(135deg,#f3e6cf,#fff);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:1.1rem;
  color:var(--fp-gold-dark);
  font-size:1.5rem;
}
.fp-icon-circle.dark{
  background:var(--fp-black);
  color:var(--fp-gold-light);
}

/* -------- Why us -------- */
.fp-why-item{ display:flex; gap:1rem; margin-bottom:1.8rem; }
.fp-why-item .ic{
  width:48px; height:48px; flex-shrink:0;
  border-radius:12px; background:var(--fp-black);
  color:var(--fp-gold-light);
  display:flex; align-items:center; justify-content:center;
  font-size:1.2rem;
}

/* -------- Business type tabs -------- */
.fp-tabs .nav-link{
  border:none;
  color:var(--fp-gray);
  font-weight:600;
  border-radius:50px;
  padding:.6rem 1.4rem;
  margin-right:.5rem;
}
.fp-tabs .nav-link.active{
  background:var(--fp-black);
  color:#fff;
}

/* -------- Pricing -------- */
.fp-price-card{
  border-radius:var(--fp-radius);
  border:1px solid #eee;
  padding:2.2rem 1.8rem;
  height:100%;
  background:#fff;
  position:relative;
  transition:all .25s ease;
}
.fp-price-card.featured{
  background:var(--fp-black);
  color:#fff;
  transform:scale(1.04);
  box-shadow:0 25px 55px rgba(26,26,26,.25);
}
.fp-price-card.featured .fp-price-note,
.fp-price-card.featured .list-unstyled li{ color:#ddd; }
.fp-price-card:hover{ box-shadow:0 20px 45px rgba(26,26,26,.1); }
.fp-price-badge{
  position:absolute; top:-14px; right:1.8rem;
  background:var(--fp-gold);
  color:#fff;
  font-size:.75rem;
  font-weight:700;
  padding:.35rem .9rem;
  border-radius:50px;
}
.fp-price-card ul li{
  padding:.4rem 0;
  font-size:.93rem;
  display:flex;
  gap:.6rem;
}

/* -------- CTA banner -------- */
.fp-cta{
  background:radial-gradient(circle at top left, #2b2b2b, #111 70%);
  border-radius:24px;
  color:#fff;
  padding:3rem;
  position:relative;
  overflow:hidden;
}
.fp-cta::after{
  content:"";
  position:absolute; right:-60px; top:-60px;
  width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle, rgba(179,135,63,.35), transparent 70%);
}

/* -------- Footer -------- */
.fp-footer{ background:var(--fp-black); color:#bbb; }
.fp-footer h6{ color:#fff; font-weight:700; margin-bottom:1.1rem; }
.fp-footer a{ color:#bbb; }
.fp-footer a:hover{ color:var(--fp-gold-light); }
.fp-footer .list-unstyled li{ margin-bottom:.6rem; font-size:.92rem; }
.fp-social{
  width:38px; height:38px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  transition:all .2s ease;
}
.fp-social:hover{ background:var(--fp-gold); }
.fp-footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  font-size:.85rem;
  padding:1.1rem 0;
  color:#888;
}

/* -------- Page header (inner pages) -------- */
.fp-page-header{
  background:var(--fp-black);
  color:#fff;
  padding:4.2rem 0 3rem;
  position:relative;
  overflow:hidden;
}
.fp-page-header::after{
  content:"";
  position:absolute; right:-80px; bottom:-80px;
  width:260px; height:260px; border-radius:50%;
  background:radial-gradient(circle, rgba(179,135,63,.3), transparent 70%);
}
.fp-breadcrumb a{ color:#bbb; }
.fp-breadcrumb .active{ color:var(--fp-gold-light); }

/* -------- Product detail rows -------- */
.fp-product-section{ padding:4.5rem 0; }
.fp-product-section:nth-child(even){ background:var(--fp-cream); }
.fp-check-list li{
  display:flex; gap:.7rem; margin-bottom:.7rem; font-size:.97rem;
}
.fp-check-list i{ color:var(--fp-gold-dark); }

.fp-mini-mock{
  background:#fff;
  border-radius:20px;
  box-shadow:0 25px 55px rgba(26,26,26,.12);
  border:1px solid #f0ebe0;
  padding:1.6rem;
}

/* -------- Contact -------- */
.fp-contact-card{
  border-radius:var(--fp-radius);
  border:1px solid #f0ede6;
  padding:1.8rem;
  height:100%;
}
.fp-map-wrap{
  border-radius:var(--fp-radius);
  overflow:hidden;
  box-shadow:0 20px 45px rgba(26,26,26,.1);
}
.form-control, .form-select{
  border-radius:10px;
  padding:.7rem .9rem;
  border:1px solid #e2ddd2;
}
.form-control:focus, .form-select:focus{
  border-color:var(--fp-gold);
  box-shadow:0 0 0 .2rem rgba(179,135,63,.15);
}

/* -------- Misc -------- */
.fp-stat-strip{
  background:var(--fp-cream);
  border-radius:var(--fp-radius);
  padding:2rem;
}
.fp-value-card{
  border-radius:var(--fp-radius);
  border:1px solid #f0ede6;
  padding:1.8rem;
  height:100%;
}

@media (max-width:991.98px){
  .fp-hero h1{ font-size:2.1rem; }
  .fp-mock-card{ margin:2.5rem auto 0; }
  .fp-price-card.featured{ transform:none; }
}

/* -------- Auth (Üye Girişi) -------- */
.fp-auth-header{ border-bottom:1px solid #f0ede6; }
.fp-auth-section{ min-height:calc(100vh - 148px); display:flex; }
.fp-auth-wrap{ display:flex; width:100%; flex-wrap:wrap; }
.fp-auth-side{
  flex:1 1 46%;
  background:radial-gradient(circle at top left, #2b2b2b, #111 70%);
  color:#fff;
  padding:3.5rem;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:340px;
}
.fp-auth-side::after{
  content:"";
  position:absolute; right:-80px; bottom:-80px;
  width:260px; height:260px; border-radius:50%;
  background:radial-gradient(circle, rgba(179,135,63,.35), transparent 70%);
}
.fp-auth-trust{ margin:0; padding:0; list-style:none; }
.fp-auth-trust li{ display:flex; gap:.7rem; align-items:center; margin-bottom:1rem; font-size:.95rem; }
.fp-auth-trust i{ color:var(--fp-gold-light); font-size:1.1rem; }
.fp-auth-form-wrap{
  flex:1 1 54%;
  padding:3.5rem 1.5rem;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.fp-auth-form{ max-width:400px; width:100%; }
.fp-auth-form label{ font-size:.85rem; font-weight:600; margin-bottom:.35rem; margin-top:1rem; display:block; }
.fp-auth-form label:first-of-type{ margin-top:0; }
.fp-auth-footer{ border-top:1px solid #f0ede6; }
.pwd-toggle-btn{ border-color:#e2ddd2; color:var(--fp-gray); }
.pwd-toggle-btn:hover{ color:var(--fp-gold-dark); }
