/* ==========================================================================
   tema-bridge.css — Eski (Bootstrap4) sayfa gövdelerini yeni Findee/teal
   kabuğu içinde düzgün göstermek için köprü. ust.php yeni kabuğunda,
   tema-pc.css'ten SONRA yüklenir; var(--sm-*) değişkenlerini kullanır.
   ========================================================================== */

/* ---- BS5'te kaldırılan yardımcılar ---- */
.col-xs-12{flex:0 0 100%;max-width:100%;}
.col-xs-6{flex:0 0 50%;max-width:50%;}
.col-xs-4{flex:0 0 33.3333%;max-width:33.3333%;}
.col-xs-3{flex:0 0 25%;max-width:25%;}
.float-right{float:right!important;}
.float-left{float:left!important;}
@media (max-width:767px){ .hidden-xs{display:none!important;} }
.gizle{display:none;}

/* ---- Legacy içerik sarmalayıcı ---- */
.sm-legacy{ color:#3a3f4d; font-size:15px; line-height:1.6; overflow-x:hidden; }
/* satır negatif kenarı ile kabın iç boşluğunu dengele (yatay kayma fix) */
.sm-legacy .container{ max-width:100%; padding-left:12px; padding-right:12px; margin-left:auto; margin-right:auto; }
.sm-legacy .row{ display:flex; flex-wrap:wrap; margin-right:-12px; margin-left:-12px; }
.sm-legacy [class*="col-"]{ padding-right:12px; padding-left:12px; box-sizing:border-box; }
.sm-legacy img{ max-width:100%; height:auto; }
.sm-legacy a{ color:var(--sm-primary); }
.sm-legacy h1,.sm-legacy h2,.sm-legacy h3,.sm-legacy h4{ color:var(--sm-ink); font-weight:700; line-height:1.3; }
.sm-legacy p{ font-size:15px; line-height:1.7; }

/* ---- Sayfa başlığı / breadcrumb ---- */
.page-header{ background:var(--sm-primary-soft); border-radius:16px; padding:22px 18px; margin:14px 0 22px; }
.page-header .container{ padding:0; }
.breadcrumb-wrapper{ text-align:center; }
.product-title{ font-size:24px; font-weight:800; color:var(--sm-ink); margin:0; }
.breadcrumb{ background:transparent; padding:0; margin:6px 0 0; font-size:13px; color:var(--sm-muted); justify-content:center; }
.breadcrumb a{ color:var(--sm-primary); }

/* ---- Bölüm boşlukları ---- */
.section-padding{ padding:18px 0; }
[class*="section-servismi"], .main-container{ padding:6px 0; }
.section-title{ font-size:21px; font-weight:800; color:var(--sm-ink); text-align:center;
  margin:6px 0 22px; position:relative; padding-bottom:12px; }
.section-title:before, .section-title:after{ content:''; }
.section-title:after{ position:absolute; left:50%; transform:translateX(-50%); bottom:0;
  width:54px; height:3px; border-radius:3px; background:var(--sm-primary); }

/* ---- Genel kart kabı ---- */
.featured-box, .product-item, .blog-item-wrapper, .img-box, .works-item, .widget,
.testimonial-item, .information, .inner-box, .dashboard-wrapper{
  background:#fff; border:1px solid var(--sm-line); border-radius:14px;
  box-shadow:0 2px 10px rgba(18,25,39,.04); overflow:hidden;
}

/* Blog / featured kart */
.featured-box{ height:auto!important; margin-bottom:18px; display:flex; flex-direction:column; }
.featured-box figure{ margin:0; }
.featured-box figure img, .featured-box .img-fluid{ width:100%; height:180px; object-fit:cover; display:block; }
.featured-box .feature-content{ padding:14px 16px 18px; min-height:auto!important; display:flex; flex-direction:column; gap:8px; }
.featured-box h4{ font-size:16px; margin:0; }
.featured-box h4 a{ color:var(--sm-ink)!important; }
.featured-box .dsc{ font-size:13.5px; color:var(--sm-muted); margin:0; }
.featured-box .listing-bottom{ margin-top:auto; }

/* Ürün / ariza kart */
.product-item{ margin-bottom:18px; }
.product-item .carousel-thumb img, .product-item img.img-fluid{ width:100%; height:170px; object-fit:cover; }
.product-content{ padding:14px 16px; }
.product-content .product-title{ font-size:16px; }
.product-content .product-title a{ color:var(--sm-ink)!important; }
.product-item .price, .product-item .overlay{ display:none; }

/* Seri ilan / img-box kart */
.img-box{ margin-bottom:18px; position:relative; }
.img-box-background img{ width:100%; height:190px; object-fit:cover; }
.img-box-content{ padding:14px 16px; }
.img-box-content h3, .img-box-content h2{ font-size:16px; margin:0 0 6px; }
.img-box-content h3 a{ color:var(--sm-ink)!important; }

/* Blog-item (anasayfa tarzı) */
.blog-item-wrapper{ margin-bottom:18px; }
.blog-item-img img{ width:100%; height:180px; object-fit:cover; }
.blog-item-text{ padding:14px 16px; }
.blog-item-text h3{ font-size:16px; }
.blog-item-text h3 a{ color:var(--sm-ink)!important; }

/* İkon kutusu (kategori/özellik) */
.icon-box{ text-align:center; padding:18px 10px; background:#fff; border:1px solid var(--sm-line);
  border-radius:14px; margin-bottom:14px; }
.icon-box .icon{ margin-bottom:8px; }
.icon-box .icon img{ height:54px; width:auto; }
.icon-box h4{ font-size:13.5px; color:var(--sm-ink); margin:0; }

/* Works (nasıl) */
.works-item{ text-align:center; padding:20px 12px; margin-bottom:14px; }
.works-item .icon-box{ border:0; background:transparent; padding:0; margin-bottom:8px; }
.works-item i{ font-size:30px; color:var(--sm-primary); }

/* Widget / yan sütun */
.widget{ padding:16px; margin-bottom:18px; }
.widget-title, .dashbord-title, .information h3, .dashboard-box{ font-size:16px; font-weight:700;
  color:var(--sm-ink); margin:0 0 12px; }
.information{ padding:16px; margin-bottom:16px; }
.contact-datails ul li{ padding:6px 0; border-bottom:1px solid var(--sm-line); font-size:14px; }
.contact-datails span{ font-weight:600; color:var(--sm-ink); }

/* Testimonial (owl JS yok → dikey yığ) */
.owl-carousel{ display:block; }
.owl-carousel .item{ margin-bottom:14px; }
.testimonial .col-lg-12{ display:flex; flex-wrap:wrap; gap:14px; }
.testimonial .item{ flex:1 1 300px; background:#fff; border:1px solid var(--sm-line);
  border-radius:14px; padding:16px; display:flex; gap:12px; align-items:flex-start; }
.testimonial-item{ padding:0; border:0; box-shadow:none; }
.testimonial-item .description{ font-size:13.5px; color:#444; margin:0 0 6px; }
.testimonial-item .info-text h2{ font-size:14px; margin:0; }
.testimonial-item .info-text h4{ font-size:12px; color:var(--sm-muted); margin:0; }
.img-thumb{ flex:none; }
.img-thumb img, .resim_auto{ width:54px!important; height:54px!important; object-fit:cover; border-radius:50%; }

/* Yıldız puanlama: submit butonlarını gizle, star.css görselini bırak */
.rate input[type="submit"]{ position:absolute; opacity:0; width:1px; height:1px; padding:0; margin:0; border:0; }
.rate{ float:none; }

/* ---- Butonlar ---- */
.btn-common{ display:inline-flex; align-items:center; justify-content:center; gap:6px;
  background:var(--sm-primary)!important; color:#fff!important; border:0; border-radius:999px;
  padding:10px 18px!important; font-weight:600; font-size:14px; line-height:1.2!important;
  width:auto!important; height:auto!important; position:static!important; cursor:pointer;
  text-transform:none!important; box-shadow:none; }
.btn-common:hover{ background:var(--sm-primary-d)!important; color:#fff!important; }
.btn-info{ background:var(--sm-bg); color:var(--sm-muted); border:0; border-radius:999px; padding:8px 16px; }

/* ---- Formlar ---- */
.sm-legacy .form-control{ border:1.5px solid var(--sm-line); border-radius:12px; padding:12px 14px;
  font-size:15px; box-shadow:none; }
.sm-legacy .form-control:focus{ border-color:var(--sm-primary); box-shadow:none; }
.sm-legacy label, .control-label{ font-weight:600; font-size:13.5px; color:var(--sm-ink); margin-bottom:6px; }
.sm-legacy .select select, .sm-legacy select{ width:100%; border:1.5px solid var(--sm-line);
  border-radius:12px; padding:12px 14px; font-size:15px; }

/* ---- Tablolar (yetkili/subdomain) ---- */
.sm-legacy table{ width:100%; border-collapse:collapse; background:#fff; border-radius:12px; overflow:hidden;
  border:1px solid var(--sm-line); margin-bottom:18px; }
.sm-legacy th{ background:var(--sm-primary-soft); color:var(--sm-ink); font-weight:700; padding:11px 12px; text-align:left; font-size:13.5px; }
.sm-legacy td{ padding:11px 12px; border-top:1px solid var(--sm-line); font-size:14px; }

/* google map */
#google-map-area object{ border-radius:14px; overflow:hidden; }

/* Alt hero (ustani-bul / yetkili / marka) varyantı — üst boşluk .sm-hero'dan gelir */
.sm-hero-sub{ border-radius:0 0 22px 22px; padding-bottom:28px; }
.sm-hero-sub h1{ font-size:24px; }

/* Masaüstü */
@media (min-width:1000px){
  .page-header{ padding:34px; }
  .product-title{ font-size:30px; }
  .section-title{ font-size:26px; }
  .featured-box figure img,.featured-box .img-fluid,
  .product-item .carousel-thumb img,.img-box-background img,.blog-item-img img{ height:200px; }
}