/* Mevcut Razor/AJAX işaretlemeleri ile yeni temanın birlikte çalışması için uyum stilleri.
   Backend ve page-js sınıf adları korunur; yalnızca görünüm tamamlanır. */

/* --- Grid / yardımcı sınıflar (eski Bootstrap bağımlılığını kaldırır) --- */
.row{display:flex;flex-wrap:wrap;margin:0 -10px}
.row>*{padding:0 10px;box-sizing:border-box}
.col-12,.col-sm-3,.col-sm-6,.col-md-6,.col-lg-3,.col-lg-6,.col-lg-12,.col-xl-4,.col-xs-12{width:100%}
@media(min-width:576px){.col-sm-3{width:25%}.col-sm-6{width:50%}}
@media(min-width:768px){.col-md-6{width:50%}}
@media(min-width:992px){.col-lg-3{width:25%}.col-lg-6{width:50%}.col-lg-12{width:100%}}
@media(min-width:1200px){.col-xl-4{width:33.333%}}
.d-none{display:none!important}
.w-100{width:100%!important}
.text-center{text-align:center}
.m-auto{margin:auto}
.mb-40{margin-bottom:40px}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:1rem}
.mt-4{margin-top:1.5rem}
.mt-5{margin-top:3rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mb-5{margin-bottom:3rem}
.p-2{padding:.5rem}
.pt-2{padding-top:.5rem}
.pb-2{padding-bottom:.5rem}
.pl-4,.ps-4{padding-left:1.5rem}
.pr-4,.pe-4{padding-right:1.5rem}

/* --- AJAX kartları (blog, katalog, galeri) --- */
.card{background:var(--surface,#111210);border:1px solid var(--line,#ffffff22);overflow:hidden;height:100%}
.card-body{padding:18px}
.top-radius-5px,.bottom-radius-5px{border-radius:0}
.picture-organised-css{width:100%;aspect-ratio:16/10;object-fit:cover;cursor:pointer}
/* Blog listesinde logo yedek görseli oran bozmadan ortalanır */
.card img.picture-organised-css[src*="italyandekor"],.project-photo[src*="italyandekor"]{object-fit:contain;background:#000;padding:12px}
.blog-text-size,.blog_link a{color:var(--text,#f0efeb);font-size:1rem;line-height:1.4}
.blog_link a:hover{color:var(--gold,#c4ab87)}
.text-full-center{text-align:center}
.text-decoration-none{text-decoration:none}
.catalog-list .card-body{min-height:88px;display:flex;align-items:center;justify-content:center}
.catalog-floor-list{display:block;text-align:center;border:1px solid var(--gold,#c4ab87);padding:12px 16px;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em;cursor:pointer;color:var(--text,#f0efeb)}
.catalog-floor-list:hover,.catalog-floor-list-active{background:var(--gold,#d4af37);color:#000}
.img-wrapper-galery img,.product-bottom-picture-css{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line,#ffffff22)}
.img-responsive{max-width:100%;height:auto}

/* --- Uyarı / yükleme --- */
.alert{padding:14px 16px;margin:12px 0;border:1px solid var(--line,#ffffff22)}
.alert-success{border-color:#2e7d4f;color:#9fefc0;background:#102218}
.alert-danger{border-color:#8b3a3a;color:#ffb4b4;background:#241111}
.alert-info{border-color:var(--gold,#c4ab87);color:var(--gold,#c4ab87);background:#17140f}
.spinner-border{width:2rem;height:2rem;border:3px solid #ffffff33;border-top-color:var(--gold,#c4ab87);border-radius:50%;animation:spin .7s linear infinite;margin:20px auto;display:inline-block}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@keyframes spin{to{transform:rotate(360deg)}}

/* --- Menü: revize temada .nav-services kullanılıyor; eski .nav-item yedek --- */
.nav-item{position:relative}
.nav-item>button,.nav-item>a{background:none;border:0;color:inherit;text-transform:uppercase;font-size:.75rem;padding:10px 0;cursor:pointer}
.nav-item>button:hover,.nav-item>a:hover{color:var(--gold,#d4af37)}
.nav-sub{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#10110f;border:1px solid var(--gold,#d4af37);padding:10px 0;z-index:20}
.nav-item:hover>.nav-sub,.nav-item.open>.nav-sub{display:grid}
.nav-sub a{display:block;padding:10px 16px;text-transform:none;font-size:.85rem;white-space:nowrap}
.nav-sub a:hover{color:var(--gold,#d4af37);background:#161713}
@media(max-width:1320px){
  .nav-sub{position:static;border:0;padding:0 0 0 12px;background:transparent}
  .nav-item.open>.nav-sub{display:grid}
}

/* --- Sayfa içerik alanları --- */
.page-content{max-width:var(--max,1440px);margin:0 auto;padding:40px 4.4% 60px;color:var(--muted,#b8b8b1)}
.page-content h1,.page-content h2,.page-content h3,.page-content h4{color:var(--text,#f0efeb)}
.page-content img{max-width:100%;height:auto}
.page-content a{color:var(--gold,#c4ab87)}
.cms-content{line-height:1.7;font-size:.95rem}
.cms-content p{margin:12px 0}
.detail-panel{background:var(--surface,#111210);border:1px solid var(--line,#ffffff22);padding:28px}
.detail-panel h4{margin:0 0 16px;color:var(--text,#f0efeb)}
.main-image{max-height:420px;width:100%;object-fit:contain;margin:0 auto 20px;display:block}
.calc-box{display:grid;gap:16px;max-width:640px;margin:0 auto}
.calc-box .form-row-calc{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:600px){.calc-box .form-row-calc{grid-template-columns:1fr}}
.btn,.ht_btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 24px;border:1px solid var(--gold,#d4af37);background:var(--gold,#d4af37);color:#000;text-transform:uppercase;font-size:.75rem;font-weight:600;letter-spacing:.04em;cursor:pointer}
.btn:hover,.ht_btn:hover{background:var(--gold-hover,#e8c547);color:#000}
.btn-success{background:var(--gold,#d4af37);border-color:var(--gold,#d4af37);color:#000}
.btn-sm{min-height:40px;padding:8px 14px;font-size:.7rem}
.form-control,input[type="text"],input[type="email"],textarea,select{width:100%;min-width:0;border:1px solid #ffffff30;background:#10110f;padding:13px;color:var(--text,#f0efeb);border-radius:0}
.form-control:focus,input:focus,textarea:focus,select:focus{outline:1px solid var(--gold,#c4ab87)}
label{display:grid;gap:8px;font-size:.875rem;color:var(--muted,#b8b8b1)}
.g-recaptcha{transform-origin:left top}
.product-list-css{width:100%;aspect-ratio:4/3;object-fit:cover}
.entry-thumb-1.element{position:relative;width:100%;max-width:900px;margin:20px auto}
.entry-thumb-1.element::before{content:"";display:block;padding-top:56.25%}
.entry-thumb-1.element>iframe,.entry-thumb-1.element>video{position:absolute;inset:0;width:100%;height:100%;border:0}
.margin-top-scrool-fix-it{display:block;height:1px}
#gallery-special,#image-gallery,#load-foto-list,#load-ajax-area{max-width:var(--max,1440px);margin-left:auto;margin-right:auto;padding-left:4.4%;padding-right:4.4%}
.project__section{padding-bottom:50px}

/* --- Hero slayt: CMS slayt verisi --- */
.hero-art[data-dynamic="1"]{transition:opacity .25s}

/* --- İletişim formu düzeni --- */
#form-area .form-grid{display:grid;gap:15px}
#form-area .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:600px){#form-area .form-row{grid-template-columns:1fr}}
#form-area textarea{min-height:120px;resize:vertical}
.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
@media(max-width:700px){.contact-info-grid{grid-template-columns:1fr}}
.contact-info-card{border:1px solid #88775d;padding:24px;text-align:center}
.contact-info-card h5{color:var(--text,#f0efeb);margin-bottom:10px}
.contact-info-card a{color:var(--muted,#b8b8b1)}
.contact-info-card a:hover{color:var(--gold,#c4ab87)}

/* --- Büyütülebilir görsel --- */
.click-to-magnify{cursor:zoom-in}

/* Kartlar <a> olarak kullanıldığında */
a.service-card,a.project-card{display:block;color:inherit;text-decoration:none;cursor:pointer}
.service-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
@media(min-width:1100px){.service-grid{grid-template-columns:repeat(6,1fr)}}

/* Etiket / şehir linkleri */
.tag_one{display:flex;flex-wrap:wrap;gap:10px}
.tag_one a{display:inline-block;border:1px solid var(--line,#ffffff22);padding:8px 14px;font-size:.85rem;color:var(--text,#f0efeb)}
.tag_one a:hover{border-color:var(--gold,#c4ab87);color:var(--gold,#c4ab87)}
.fw-bold{font-weight:700}

/* CMS içeriğindeki eski tema kalıntıları */
.cms-content .container,.page-content .container{max-width:100%;padding:0}
.about-image img[src=""],.about-image img:not([src]){opacity:0}