/* Brooklyn Coffee WordPress Theme — layout stylesheet */

    :root{--ink:#17130f;--coffee:#24150e;--cream:#f4efe6;--paper:#fbf8f2;--copper:#b67a4a;--muted:#75695e;--line:rgba(53,37,25,.16)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
    .wrap{width:min(1160px,calc(100% - 48px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;font-weight:700;color:var(--copper)}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.035em;margin:0;line-height:1.06}h2{font-size:clamp(2.1rem,4vw,3.4rem)}p{line-height:1.75;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid var(--copper);background:var(--copper);color:#fff;border-radius:2px;font-size:.82rem;font-weight:600;transition:.2s}.btn:hover{background:#925c35;transform:translateY(-2px)}.btn.outline{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}.btn.dark{background:var(--coffee);border-color:var(--coffee)}
    header{position:absolute;z-index:5;top:0;left:0;right:0;color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font-family:"Playfair Display",Georgia,serif;font-size:1.45rem;letter-spacing:.13em;line-height:.9}.logo small{display:block;text-align:center;font:700 .53rem "DM Sans",sans-serif;letter-spacing:.42em;margin-top:7px}.navlinks{display:flex;gap:30px;align-items:center;font-size:.82rem}.navlinks a:not(.btn){opacity:.88}.navlinks a:hover{opacity:1;color:#e1b58d}.menu{display:none;background:none;border:0;color:white;font-size:1.5rem}
    .hero{min-height:740px;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;background:#1a100b url('https://images.unsplash.com/photo-1442512595331-e89e73853f31?auto=format&fit=crop&w=2200&q=85') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,9,7,.91) 0%,rgba(19,12,8,.72) 43%,rgba(19,12,8,.13) 100%),linear-gradient(0deg,rgba(15,9,5,.32),transparent 35%)}.hero .wrap{position:relative;padding-top:95px}.hero-copy{max-width:620px}.hero .eyebrow{color:#d5a77e}.hero h1{font-size:clamp(3.3rem,7vw,6.4rem);margin:22px 0 22px}.hero h1 span{color:#d6a276;font-style:italic}.hero p{font-size:1.05rem;color:rgba(255,255,255,.78);max-width:440px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-note{position:absolute;right:5%;bottom:42px;font-family:"Playfair Display",serif;font-style:italic;color:#e0c3a5;font-size:1rem;transform:rotate(-7deg)}
    .intro{padding:100px 0 92px;background:var(--cream)}.intro-top{display:grid;grid-template-columns:1.1fr .8fr;gap:80px;align-items:end;margin-bottom:54px}.intro-top p{max-width:430px;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.feature{padding:30px 28px 8px 0}.feature+.feature{padding-left:28px;border-left:1px solid var(--line)}.feature .num{font-family:"Playfair Display",serif;color:var(--copper);font-size:1.6rem}.feature h3{font-size:1.45rem;margin:15px 0 8px}.feature p{font-size:.9rem;margin:0}
    .story{display:grid;grid-template-columns:1.05fr .95fr;min-height:570px;background:#fff}.story-image{min-height:500px;background:url('https://images.unsplash.com/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=1400&q=85') center/cover}.story-copy{padding:clamp(40px,7vw,100px);align-self:center}.story-copy h2{margin:17px 0 22px}.story-copy p{max-width:460px}.rule{width:52px;height:2px;background:var(--copper);margin:24px 0}
    .franchise{display:grid;grid-template-columns:1fr 1fr;background:var(--coffee);color:white}.franchise-image{min-height:520px;background:url('https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1400&q=85') center/cover}.franchise-copy{padding:clamp(42px,7vw,100px);align-self:center}.franchise-copy h2{margin:18px 0}.franchise-copy p{color:rgba(255,255,255,.7);max-width:480px}.franchise-copy .eyebrow{color:#d1a176}.franchise-copy .btn{font-family:"DM Sans",Arial,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;line-height:1.25;max-width:100%;text-align:center;padding:14px 24px}.franchise-copy .actions{gap:12px}
    .contact{padding:90px 0;background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.contact h2{margin:16px 0}.contact-info{margin-top:30px;display:grid;gap:12px;color:var(--muted);font-size:.92rem}.contact-details{display:grid;gap:16px;align-content:center}.contact-item{display:grid;gap:9px;padding:25px 26px;border:1px solid var(--line);background:#fff;transition:.2s}.contact-item:hover{border-color:var(--copper);transform:translateY(-2px)}.contact-label{font-size:.68rem;letter-spacing:.2em;font-weight:700;color:var(--copper)}.contact-item strong{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.15rem,2.3vw,1.7rem);font-weight:500;overflow-wrap:anywhere}.contact-hint{font-size:.8rem;color:var(--muted)}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form label{display:grid;gap:8px;font-size:.78rem;color:#62564b}.form .full{grid-column:1/-1}.form input,.form textarea,.form select{width:100%;padding:14px 13px;border:1px solid var(--line);background:#fff;font:inherit;color:var(--ink);border-radius:0}.form textarea{min-height:120px;resize:vertical}.form button{cursor:pointer;justify-self:start}
    footer{background:#110e0b;color:#fff;padding:48px 0 24px}.footer-top{display:grid;grid-template-columns:1.3fr .7fr .8fr 1.1fr;gap:40px;padding-bottom:42px}.footer-top p,.footer-top a{color:rgba(255,255,255,.62);font-size:.83rem}.footer-top h3{font:600 .78rem "DM Sans",sans-serif;margin-bottom:17px;letter-spacing:.04em}.footer-links{display:grid;gap:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.45);font-size:.72rem}
    .notice{font-size:.75rem;color:#8a7868;margin-top:10px}
    @media(max-width:800px){.wrap{width:min(100% - 34px,600px)}.nav{height:72px}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#17100b;padding:22px;flex-direction:column;align-items:stretch;gap:20px}.navlinks.open{display:flex}.menu{display:block}.navlinks .btn{text-align:center;justify-content:center}.hero{min-height:700px;background-position:58% center}.hero:before{background:linear-gradient(90deg,rgba(12,9,7,.88),rgba(12,9,7,.48)),linear-gradient(0deg,rgba(15,9,5,.4),transparent 50%)}.hero h1{font-size:clamp(3rem,13vw,5rem)}.hero-note{display:none}.intro{padding:70px 0}.intro-top,.story,.franchise,.contact-grid{grid-template-columns:1fr;gap:28px}.intro-top{gap:18px;margin-bottom:35px}.features{grid-template-columns:1fr}.feature,.feature+.feature{padding:24px 0;border-left:0;border-top:1px solid var(--line)}.story-image,.franchise-image{min-height:340px}.story-copy,.franchise-copy{padding:45px 25px}.franchise-image{order:0}.franchise-copy{order:1}.contact{padding:70px 0}.contact-grid{gap:35px}.contact-item{padding:21px 18px}.footer-top{grid-template-columns:1fr 1fr;gap:32px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.form{grid-template-columns:1fr}.form .full{grid-column:auto}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
  


/* WordPress navigation compatibility and button/link hit areas */
.navlinks { display:flex; align-items:center; gap:30px; }
.navlinks .wp-primary-menu { display:flex; align-items:center; gap:30px; list-style:none; margin:0; padding:0; }
.navlinks .wp-primary-menu li { list-style:none; margin:0; padding:0; }
.navlinks .wp-primary-menu a { display:inline-flex; align-items:center; min-height:38px; }
.navlinks > a.btn { position:relative; z-index:2; flex-shrink:0; cursor:pointer; }
.btn, .navlinks a, .footer-links a, .contact-item { cursor:pointer; }
.story-copy .btn, .franchise-copy .btn, .hero .btn { position:relative; z-index:1; }
@media(max-width:800px) {
  .navlinks .wp-primary-menu { display:flex; flex-direction:column; align-items:stretch; gap:14px; width:100%; }
  .navlinks .wp-primary-menu li, .navlinks .wp-primary-menu a { width:100%; }
  .navlinks .wp-primary-menu a { padding:4px 0; }
}

/* Anchor navigation: keep section headings visible below the header */
#ana-sayfa, #biz-kimiz, #franchise, #iletisim { scroll-margin-top: 100px; }