/* ==========================================================
   Patara Caretta Hotel — logo & marka tasarımları
   (header/footer görsel logo, amblem süslemeleri, marka bandı)
   ========================================================== */
:root{--brand-teal:#104e58;--brand-sea:#4aa0a8;--brand-mint:#b4dac6;--brand-sun:#ecc58c}

/* ---------- Header logo ---------- */
#t-logo.has-img{display:flex;align-items:center;height:120px;max-width:none;transition:height .3s ease}
#t-logo.has-img .logo-img{display:block;height:98px;width:auto;max-width:100%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));transition:height .3s ease,transform .3s ease}
#t-logo.has-img:hover .logo-img{transform:scale(1.03)}
#main-header.sticky #t-logo.has-img{height:90px}
#main-header.sticky #t-logo.has-img .logo-img{height:74px}
@media(max-width:600px){
  #t-logo.has-img .logo-img{height:82px}
  #main-header.sticky #t-logo.has-img .logo-img{height:66px}
}

/* ---------- Footer logo ---------- */
#f-logo.has-img{height:auto;max-width:230px;margin-bottom:18px;text-align:left}
#f-logo.has-img .logo-img{display:block;width:100%;height:auto}
@media(max-width:767px){#f-logo.has-img{margin-inline:auto}}

/* Footer arka planında büyük, çok soluk kaplumbağa amblemi */
#main-footer{position:relative;overflow:hidden}
#main-footer>.inner-container{position:relative;z-index:1}
#main-footer .footer-emblem{position:absolute;right:-70px;bottom:-40px;width:430px;height:auto;opacity:.06;transform:rotate(-18deg);pointer-events:none;z-index:0}
@media(max-width:767px){#main-footer .footer-emblem{width:300px;right:-90px;bottom:auto;top:40px}}

/* ---------- İç sayfa başlığı: amblem ---------- */
#breadcrumb-section .crumb-emblem{display:block;width:44px;height:auto;margin:0 auto 12px;opacity:.95;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}
@media(max-width:600px){#breadcrumb-section .crumb-emblem{width:36px;margin-bottom:8px}}

/* ---------- 404 amblemi ---------- */
.nf-article{text-align:center}
.nf-article .nf-emblem{display:block;width:90px;height:auto;margin:10px auto 20px;opacity:.85}

/* ---------- Ana sayfa marka bandı ---------- */
.brand-band{position:relative;overflow:hidden;isolation:isolate;padding:110px 0;background:#0b2a2f;color:#e9efec}
.brand-band .brand-bg{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat}
.brand-band:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,28,32,.9) 0%,rgba(10,52,60,.72) 42%,rgba(10,52,60,.35) 100%)}
.brand-band .brand-emblem{position:absolute;left:-60px;top:50%;width:380px;height:auto;opacity:.07;transform:translateY(-50%) rotate(-14deg);pointer-events:none;z-index:-1}
.brand-inner:before,.brand-inner:after{display:none!important}
.brand-inner{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:70px;align-items:center}
.brand-logo{position:relative;text-align:center;padding:10px 20px}
.brand-logo:before{content:'';position:absolute;left:50%;top:50%;width:112%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(74,160,168,.28) 0%,rgba(74,160,168,0) 68%);z-index:-1}
.brand-logo img{width:100%;max-width:380px;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.brand-copy{border-left:1px solid rgba(210,189,127,.45);padding-left:50px}
.brand-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--gold,#d2bd7f);font:12px/1.4 'Open Sans',sans-serif;letter-spacing:2.5px;text-transform:uppercase}
.brand-eyebrow:before{content:'';width:34px;height:1px;background:currentColor}
.brand-title{font:400 38px/1.3 'Playfair Display',serif;color:#fff;margin:14px 0 18px}
.brand-copy p{font-size:16px;line-height:1.8;color:#cfdcd8;max-width:560px;margin:0 0 30px}
.brand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px}
.brand-call{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand-call .ico{width:44px;height:44px;padding:11px;border:1px solid rgba(210,189,127,.7);border-radius:50%;color:var(--gold,#d2bd7f);box-sizing:border-box;transition:.25s}
.brand-call span{display:flex;flex-direction:column;font:14px/1.3 'Open Sans',sans-serif}
.brand-call small{font-size:17px;color:var(--gold,#d2bd7f);margin-top:3px;letter-spacing:.5px}
.brand-call:hover .ico,.brand-call:focus .ico{background:var(--gold,#d2bd7f);color:#10363c}
.brand-call:hover,.brand-call:focus{color:#fff}
@media(max-width:991px){
  .brand-band{padding:80px 0}
  .brand-inner{grid-template-columns:1fr;gap:34px;text-align:center}
  .brand-logo img{max-width:300px}
  .brand-copy{border-left:0;padding-left:0;border-top:1px solid rgba(210,189,127,.45);padding-top:34px}
  .brand-copy p{margin-inline:auto}
  .brand-actions{justify-content:center}
  .brand-band:after{background:linear-gradient(180deg,rgba(6,28,32,.82),rgba(10,52,60,.78))}
}
@media(max-width:600px){
  .brand-band{padding:60px 0}
  .brand-title{font-size:28px}
  .brand-logo img{max-width:240px}
  .brand-band .brand-emblem{width:260px;left:-80px}
}
@media(prefers-reduced-motion:reduce){#t-logo.has-img .logo-img{transition:none}}

/* ---------- Oda yerleşim planı ({{oda_yerlesimi}}) ---------- */
.rp-map{display:grid;gap:10px}
.rp-map .rp-rooms{grid-template-columns:repeat(var(--rp-cols,4),minmax(0,1fr))}
.rp-map .rp-zeytin{display:flex;flex-direction:column-reverse}
.rp-map .rp-zeytin h4{margin:12px 0 0}
.rp-corridor{display:flex;align-items:center;gap:12px;min-height:40px;padding:6px 10px;border:1px dashed rgba(210,189,127,.4);border-radius:10px;background:repeating-linear-gradient(90deg,rgba(210,189,127,.05) 0 14px,transparent 14px 28px)}
.rp-corr{flex:1;text-align:center;font:600 11px/1 'Open Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8f8b7e}
.rp-door{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 12px;border-radius:999px;background:rgba(210,189,127,.14);border:1px solid rgba(210,189,127,.55);color:var(--gold,#d2bd7f);font:600 12.5px/1 'Open Sans',sans-serif;letter-spacing:.04em}
.rp-door i{font-style:normal;font-size:15px}
@media(max-width:520px){
  .rp-floor{padding:16px}
  .rp-map .rp-rooms{gap:6px}
  .rp-map .rp-rooms a{padding:8px 6px;text-align:center;align-items:center}
  .rp-map .rp-rooms b{font-size:20px}
  .rp-map .rp-rooms span{font-size:11.5px;overflow-wrap:anywhere}
  .rp-map .rp-rooms small{display:none}
  .rp-side{padding:10px}
}