/* public/assets/css/style.css - tam profesyonel stil */

/* Temel */
:root{
  --brand:#222222;
  --accent:#c5a47e;
  --muted:#6f6f6f;
  --soft:#f8f5f1;
}

body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
 
  color:#222;
}

html {
    overflow-y: scroll;
}



/* Navbar */
.navbar{
  background:#fff;
  border-bottom:1px solid #eee;
}
.navbar .navbar-brand strong{ color: var(--brand); }
.navbar .nav-link{ color:#444; margin-right:6px; }
.navbar .nav-link:hover{ color:var(--brand); text-decoration: none; }

/* Slider */
.carousel .carousel-caption{
  left: 5%; right: unset; bottom: 25%;
  text-align:left;
}
.carousel .carousel-caption h2{ font-size:2rem; font-weight:700; color:#fff; text-shadow: 0 2px 6px rgba(0,0,0,0.5);}
.carousel .carousel-caption p{ color: #f8f9fa; text-shadow: 0 1px 4px rgba(0,0,0,0.4); }

/* Kartlar */
.card{ border-radius:10px; overflow:hidden; }
.card .card-img-top{ object-fit:cover; height:200px; }
.card-title{ font-size:1rem; font-weight:600; }

/* Sepet badge */
.cart-count{
  min-width:22px; min-height:22px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%; font-size:0.75rem;
}

/* Responsive */
@media (max-width: 768px){
  .carousel .carousel-caption h2{ font-size:1.4rem; }
  .card .card-img-top{ height:150px; }
  #searchInput{ width:140px !important; }
}

/**********************/

.product-card {
transition: all 0.35s ease;
transform: translateY(0);
}
.product-card:hover {
transform: translateY(-6px);
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}


/* Fade-in animasyonu */
.fade-in {
opacity: 0;
transform: translateY(20px);
animation: fadeUp 0.6s forwards;
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}


/* Filtre kutuları */
.filter-box select {
border-radius: 10px;
padding: 6px 12px;
}

.products-wrapper {
    background: rgba(255, 255, 255, 0.65); /* yarı transparan beyaz */
    backdrop-filter: blur(6px);            /* cam efekti */
    -webkit-backdrop-filter: blur(6px);
    border-radius:4px;
    padding: 10px;
    margin-bottom: 10px;
    /* box-shadow: 0 3px 10px rgba(0,0,0,0.08); */
    /* border-left: 1px solid #e6ab64;
    border-right: 1px solid #e6ab64; */
}

@media print {
    nav, footer, button {
        /* display: none !important; */
    }
}

/*         NAVBAR     */

/* TOP BAR */
.topbar {
   /*background:#faf7f3;*/
    background: linear-gradient(180deg, #f8f9fa, #f1f3f5);
    font-size: 13px;
    padding: 6px 0;
    border-bottom: 1PX solid #d5e0cd;
}
.topbar-links a {
    color: #666;
    margin-left: 10px;
    text-decoration: none;
}
.topbar-links span {
    margin: 0 6px;
    color: #ccc;
}

/* LOGO */
.navbar-logo {
    height: 52px;
    object-fit: contain;
}

/* SEARCH */
.search-input {
    width: 220px;
    border-radius: 30px;
    padding: 6px 16px;
}

/* ICON BUTTONS */
.navbar-icons {
    display: flex;
    align-items: center;
    gap: 14px;
}

.icon-btn {
    background: none;
    border: none;
    font-size: 18px;
    color: #333;
    position: relative;
    padding: 6px;
}

.icon-btn:hover {
    color: var(--brand);
}

/* CART BADGE */
.cart-count {
    position: absolute;
    top: -6px;
    right: -8px;
    font-size: 11px;
    padding: 4px 6px;
}


/* CENTER SEARCH */
.navbar-search {
    width: 320px;
}

.navbar-search input {
    border-radius: 30px;
    padding: 10px 18px;
    font-size: 14px;
}

/* MOBILE BOTTOM BAR */
.mobile-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 64px;
    background: #fff;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 1050;
}

.mobile-bottom-bar a {
    text-align: center;
    font-size: 12px;
    color: #555;
    text-decoration: none;
}

.mobile-bottom-bar i {
    font-size: 18px;
    display: block;
}

.cart-count-badge {
    position: absolute;
    top: -6px;
    right: 20px;
    background: red;
    color: #fff;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 10px;
}

/* Mobilde üst navbar iconlarını gizle */
@media (max-width: 991px) {
    .navbar .dropdown:has(.fa-user),
    .navbar a:has(.fa-cart-shopping) {
        display: none !important;
    }
}
#searchInput {
    max-width: 260px;
    transition: all 0.3s ease;
}

@media (max-width: 991px) {
    #searchInput {
        max-width: 100%;
    }
}


/* PRODUCT DETAIL TEXT */
.product-description {
    font-size: 16px;
    color: #6c757d;
    line-height: 1.6;
}

/* Mobile */
@media (max-width: 768px) {
    .product-description {
        font-size: 12.5px;
        line-height: 1.45;
    }

    h4 {
        font-size: 1.1rem;
    }
}

/* =========================
   MOBILE NAVBAR MENU
========================= */
@media (max-width: 991px) {

  /* Collapse alanı */
  .navbar-collapse {
      background: #fff;
      padding: 12px 8px;
      border-top: 1px solid #eee;
  }

  /* Menü listesi */
  .navbar-nav {
      gap: 4px;
  }

  /* Linkler */
  .navbar-nav .nav-link {
      font-size: 16px;
      font-weight: 500;
      padding: 10px 16px;
      border-radius: 10px;
      color: #222;
  }

  /* Dokunma hissi */
  .navbar-nav .nav-link:active {
      background: #f3f4f6;
  }

  /* Dropdown ana başlık */
  .navbar-nav .dropdown-toggle {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  /* Dropdown içi */
  .dropdown-menu {
      border: none;
      box-shadow: none;
      padding-left: 12px;
  }

  .dropdown-menu .dropdown-item {
      font-size: 15px;
      padding: 12px 16px;
      border-radius: 8px;
  }

  .dropdown-menu .dropdown-item:active {
      background: #f1f3f5;
  }
}

/* =========================
   DESKTOP DROPDOWN (MODERN)
========================= */
@media (min-width:992px){

.navbar .dropdown{position:relative}

/* hover tamponu */
.navbar .dropdown::after{
  content:"";
  position:absolute;
  left:0; right:0; top:100%;
  height:18px;
}

/* panel menu */
.dropdown-menu{
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  border:0;
  border-radius:0 0 14px 14px;
  padding:14px 0;
  min-width:280px;
  box-shadow:0 30px 80px rgba(0,0,0,.12);
  transition:.2s;
}

/* aç */
.dropdown:hover>.dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:none;
  margin-top:10px;
}

/* linkler */
.dropdown-item{
  padding:14px 26px;
  font-size:15px;
  position:relative;
}

/* SOL ÇİZGİ AKSANI */
.dropdown-item::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  background:var(--accent);
  opacity:0;
}

.dropdown-item:hover{
  background:#f9f9f9;
}

.dropdown-item:hover::before{
  opacity:1;
}
}

.navbar-brand {
  margin-right: 52px;
}

.navbar-nav .nav-link {
  padding-left: 14px;
  padding-right: 14px;
}

/* NAVBAR ANA LİNKLER – DAHA SIKI */
.navbar-nav .nav-item {
    margin-right: 12px; /* varsayılan ~20-24px idi */
}

.navbar-nav .nav-link {
    padding-left: 6px;
    padding-right: 6px;
}


/****/

/* =========================================
   PREMIUM HOME
========================================= */

body{
    /*background:#fcfaf7;*/
}

/* HERO */
.home-hero-section{
    padding:90px 0 30px;
}

.home-mini-title{
    color:#b79b7a;
    font-size:13px;
    letter-spacing:3px;
    font-weight:600;
}

.home-hero-content h1{
    font-size:28px;
    line-height:1.15;
    font-weight:700;
     color:#6f6f37;
    margin-top:18px;
    margin-bottom:22px;
}

.home-hero-content p{
    max-width:650px;
    margin:auto;
    font-size:18px;
    color:#6f6f6f;
    line-height:1.8;
}

/* SECTION */
.premium-section{
    padding:70px 0;
}

.section-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin-bottom:40px;
}

.section-mini{
    color:#b79b7a;
    font-size:12px;
    letter-spacing:2px;
    font-weight:600;
}

.section-head h2{
    font-size:22px;
    margin-top:10px;
    font-weight:700;
    color:#6f6f37;
}
.section-headd {
    font-size:22px;
    
    font-weight:700;
    color:#6f6f37;
}

.section-link{
    text-decoration:none;
    color:#111;
    font-weight:600;
}

/* BRAND */
.brand-section{
    padding:90px 0;
}

.brand-image-wrap img{
    width:100%;
    object-fit:cover;
}

.brand-title{
    font-size:46px;
    line-height:1.2;
    margin:18px 0 24px;
    font-weight:700;
}

.brand-text{
    color:#6f6f6f;
    line-height:1.9;
    font-size:16px;
}

/* MOBILE */
@media(max-width:768px){

    .home-hero-content h1{
        font-size:34px;
    }

    .section-head{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }

    .section-head h2{
        font-size:30px;
    }

    .brand-title{
        font-size:32px;
    }

}

/* sub category link and images*/

.subcat-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:10px 14px;
    margin-bottom:18px;
}

.subcat-item{
    font-size:14px;
    font-weight:400;
    color:#639a89;
    text-decoration:none;
    letter-spacing:0.2px;
    transition:color .15s ease;
    position:relative;
}

.subcat-item:hover{
    color:#000;
}

.subcat-item::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:0%;
    height:1px;
    background:#000;
    transition:width .2s ease;
}

.subcat-item:hover::after{
    width:100%;
}

/* NAVBAR GENEL */
.navbar{
    min-height:72px;
    border-bottom:1px solid rgba(0,0,0,.05);
}

/* MENÜ BOŞLUKLARI */
.navbar-nav{
    gap:10px;
}

/* NAVBAR LİNKLERİ */
.navbar-nav .nav-link{

    font-size:15px;
    font-weight:500;

    color:#2b2b2b !important;

    padding:0 14px !important;

    letter-spacing:.2px;

    position:relative;

    transition:.3s;
}

/* HOVER ÇİZGİ EFEKTİ */

.navbar-nav .nav-link::after{

    content:'';

    position:absolute;

    left:14px;
    bottom:-8px;

    width:0;

    height:2px;

    background:#0b3b7a;

    transition:.3s;
}

.navbar-nav .nav-link:hover::after{

    width:calc(100% - 28px);
}

.navbar-nav .nav-link:hover{

    color:#0b3b7a !important;
}

/* KATEGORİLERİ DİĞERLERİNDEN AYIR */

.dropdown-mega .nav-link{

    font-weight:600;
}

/* ARAMA */

.navbar-search input{

    width:300px;

    height:35px;

    border-radius:25px;

    border:1px solid #e7e7e7;

    background:#fafafa;

    padding-left:10px;

    font-size:14px;
}

.navbar-search input:focus{

    box-shadow:none;

    border-color:#0b3b7a;
}

/* SAĞ İKONLAR */

.navbar-icons{

    display:flex;

    align-items:center;

    gap:18px;
}

.icon-btn{

    color:#2a2a2a;

    text-decoration:none;

    transition:.3s;
}

.icon-btn:hover{

    color:#0b3b7a;
}

/* LOGO */

.navbar-logo{

    height:54px;
    width:auto;
}