/* Phone usability pass (2026-11-03): shorter homepage, one booking button, readable labels, larger tap targets, clearer FAQ and price. Loaded after header.css. */

/* Contrast (Lighthouse color-contrast) */
#miselyum p,#surdurulebilirlik p,.guide-source,.guide-source a{color:#4b5a51}
.journal-opening .journal-margin span{color:#5a6955!important}

/* FAQ: + / − instead of the browser triangle */
.guide-faq details summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;list-style:none;cursor:pointer}
.guide-faq details summary::-webkit-details-marker{display:none}
.guide-faq details summary:after{content:"";flex:0 0 28px;height:28px;margin-top:-2px;border-radius:50%;background:#eef2e4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5v9M3.5 8h9' stroke='%23234232' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .25s}
.guide-faq details[open] summary:after{transform:rotate(45deg)}

@media(max-width:760px){
 /* One booking button: the sticky bottom bar. The header button is hidden on phones. */
 .ot-header .ot-cta{display:none}

 /* Shorter page: tighter section spacing */
 main .section{padding-top:8px;padding-bottom:36px}
 .journal-opening{padding:44px 22px}

 /* Smaller hero images in the text sections */
 .guide-row figure img,.journal-field-photo img{height:240px!important;max-height:240px;width:100%;object-fit:cover}
 .journal-field-photo{height:auto!important}
 .journal-detail{display:none}

 /* Swipe rows instead of tall stacks: guide cards, galleries, videos */
 .guide-columns,.real-gallery-grid,.latest-film-grid{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -18px;padding:4px 18px 14px;scrollbar-width:none}
 .guide-columns::-webkit-scrollbar,.real-gallery-grid::-webkit-scrollbar,.latest-film-grid::-webkit-scrollbar{display:none}
 .guide-columns>article{flex:0 0 82%;scroll-snap-align:start;background:#fff;border:1px solid #2342321a;border-radius:16px;padding:20px}
 #miselyum .guide-columns>article,#surdurulebilirlik .guide-columns>article{background:#f7f9f2}
 .guide-columns .guide-number{font-size:30px;line-height:1}
 .real-gallery-grid>figure{flex:0 0 72%;scroll-snap-align:start;margin:0}
 .real-gallery-grid>figure img{width:100%;height:240px;object-fit:cover;border-radius:12px}
 .latest-film-grid>figure{flex:0 0 70%;scroll-snap-align:start;margin:0}
 .latest-film-grid video{width:100%;height:auto;max-height:440px;aspect-ratio:9/16;object-fit:cover;border-radius:12px}

 .journal-table-main img{height:280px!important;width:100%;object-fit:cover}
 .journal-table-small{display:none}
 /* Long guide text: first paragraph, then "Devamını oku" (text stays in the page for search engines) */
 .ot-clamp:not(.is-open)>p:nth-of-type(n+2){display:none}
 .ot-more{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:2px 0 8px;padding:0;border:0;background:none;font:700 14px/1 Manrope,system-ui,sans-serif;color:#3f5a32;cursor:pointer}
 .ot-more:after{content:"";width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-3px) rotate(45deg)}
 .ot-clamp.is-open .ot-more{display:none}

 /* Booking banner: price easier to see */
 .next-event-price{font-size:15px!important;font-weight:700;color:#234232}
 .next-event b{font-size:15px}

 /* Readable labels (were 8–11px) */
 .eyebrow,.journal-label,.strip span,.farm-home-launch small,.next-event small,.journal-margin span,.forest-footer .eyebrow{font-size:11.5px!important;letter-spacing:.12em}
 .footer-location-card span{font-size:12.5px!important;letter-spacing:.02em}
 .forest-footer p,.forest-footer-bottom,.forest-footer-bottom span,.footer-location-card{font-size:13px!important}

 /* Footer tap targets: at least 44px tall */
 .footer-link-group a,.footer-social,.forest-footer-bottom a{display:flex!important;align-items:center;min-height:44px}
 .footer-link-group h3{margin-bottom:4px}
}