/*
Theme Name: TJ Gringo
Description: The approved TJ Gringo design, rendered with native WordPress content.
Version: 0.3.9
Requires PHP: 8.2
Text Domain: tj-gringo
*/
:root{--deep:var(--accent-deep)}
.places-toolbar select{min-height:48px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:0 18px;font:inherit}
.place-cover{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:#f8f3e8;background:#24251f;border-right:5px solid #ed702c;overflow:hidden}
.place-cover strong{font:800 clamp(36px,4vw,56px)/.95 var(--display);letter-spacing:-.02em}
.place-area,.place-cover-bottom{font:600 11px/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase}
.place-cover-bottom{display:flex;align-items:center;justify-content:space-between;color:#ed9b6b}
.place-food{background:#eee7d8;color:#302c22}.place-food .place-cover-bottom{color:#8c4628}
.place-culture{background:#a74522}.place-culture .place-cover-bottom{color:#ffe4c8}
.place-stay{background:#344a45}.place-stay .place-cover-bottom{color:#c8d6c5}
.place-card .card-meta .eyebrow{font-size:10px}.place-card .card-meta h3{margin-top:8px}
.content-sources{border-top:1px solid var(--line);margin-top:36px;padding-top:16px;font-size:14px;color:var(--muted)}
.content-sources a,.source-line a{overflow-wrap:anywhere;text-decoration:underline}
.content-sources h2{font-size:26px}.entry-content h2{margin-top:30px}.entry-content p{line-height:1.75}
@media(max-width:600px){.places-toolbar{flex-wrap:wrap}.places-toolbar .search{flex-basis:100%}.places-toolbar select{max-width:230px}.place-cover{min-height:180px}.place-cover strong{font-size:50px}}
.logo{display:block;width:133.344px;height:28.8px;flex-shrink:0}
.logo picture,.logo img{display:block;width:100%;height:100%}
.logo .brand-inverse{display:none}
.dark .logo .brand-primary{display:none}
.dark .logo .brand-inverse{display:block}
body,button,input,select,textarea{font-family:var(--body)}
h1,h2,h3,h4,h5,h6{font-family:var(--display)}
.site-language a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;position:relative;font-size:12px;font-weight:600;color:var(--muted)}
.site-language a[aria-current=true]{color:var(--ink)}
.site-language a[aria-current=true]:after{content:"";position:absolute;bottom:0;left:13px;right:13px;height:3px;background:var(--accent)}
.hero-photo{display:block;min-height:350px}
.hero-photo:not(:has(img)) .hero-label{position:relative;padding-top:160px}
.hero-label h2{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hero-label .round-arrow{flex-shrink:0}
.photo-launch h2{font-size:2.2rem;margin:16px 0}
.photo-launch p{color:var(--muted);max-width:38ch}
.hero-photo:not(:has(img)) .hero-label{left:auto;right:auto;bottom:auto;padding:110px 28px 28px}
.hero-photo:not(:has(img)){border-right:5px solid var(--accent)}
.hero-photo:has(img[data-mark-src]){min-height:0}
.hero-photo:has(img[data-mark-src]) .hero-label{padding:22px}
.hero-photo img[data-mark-src]{height:auto;aspect-ratio:auto}
.hero-photo:has(img[data-mark-src]) .photo-stamp{top:18px}
.hero-photo:has(img[data-mark-src]) .hero-label h2{font-size:3.1rem}
.hero-photo:has(img[data-mark-src]) .hero-label p{max-width:none}
.gallery-card .photo-cover>img{width:100%;height:auto}
.gallery-card .photo-cover>img[data-mark-src]{aspect-ratio:1.55}
.gallery-card .overlay .tag{background:#17191ad9;border-color:#ffffff80;font-size:12px}
.hero>*,.split>*,.grid3>*,.guide-tiles>*,.locked-collection>*{min-width:0}
.news-layout{padding-bottom:50px;align-items:start}
.news-sidebar{padding-top:35px}
.news-story h2{margin:20px 0;font-size:2.7rem}
.news-story p{line-height:1.65}
.news-story .review-note{margin:24px 0}
.news-image{margin:0 0 20px;max-height:400px;object-fit:cover}
.newsletter h2{margin-top:15px}
.newsletter form{max-width:none}
.newsletter input{width:100%}
.newsletter .inline-field input{width:0;min-width:150px}
.newsletter .inline-field{align-items:stretch}
.newsletter .eyebrow:before{background:currentColor}
.ad-teaser h2{margin-top:12px}
.tagline{margin-top:15px}
.week-strip>a{flex:1;text-align:center;padding:13px 4px;font-size:12px;min-height:70px}
.week-strip>a strong{display:block;font:600 27px var(--display)}
.week-strip>a.active{background:var(--accent);color:#17191a}
.week-strip>a:first-child strong{font-size:20px}
.calendar-results,.photo-results{border-top:0}
.calendar-results .empty .btn{margin-top:22px}
.toolbar{max-width:none}
.toolbar label{margin:0}
.toolbar .search input{min-width:0}
.more-guides{margin-top:32px}
.more-guides .chips{margin-top:22px}
.button,button[type=submit],input[type=submit],.entry-content button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:#17191a;font-weight:600;cursor:pointer}
.editorial-shell{margin:46px 0 64px;display:grid;grid-template-columns:minmax(0,790px) minmax(180px,1fr);gap:56px}
.article{width:100%;min-width:0}
.article h1{font-size:clamp(3rem,6vw,5.5rem);margin:18px 0 25px}
.article>.wp-post-image{margin-bottom:28px;max-height:470px;object-fit:contain;background:var(--surface)}
.article .entry-content p{margin:16px 0}
.article .entry-content h2{font-size:2.3rem}
.article .entry-content h3{font-size:1.8rem}
.article .entry-content a:not(.button):not(.btn){color:var(--accent-deep);overflow-wrap:anywhere}
.article .entry-content ul,.article .entry-content ol{padding-left:23px;line-height:1.8}
.article form{margin:24px 0;max-width:620px;padding:26px;border:1px solid var(--line);background:var(--surface)}
.article label{display:block;font-size:14px;margin:18px 0}
.article input:not([type=checkbox]):not([type=submit]),.article select,.article textarea{display:block;width:100%;margin-top:7px}
.article input[type=checkbox]{min-height:20px;accent-color:var(--accent)}
.tjg-sources,.tjg-credit{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:28px}
.tjg-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.tjg-photo-grid figure{margin:0}
.tjg-photo-grid img{width:100%;max-height:400px;object-fit:contain;background:#090b0c}
.tjg-photo-grid a{display:block;font-size:14px;padding:12px 0}
.status{padding:16px;border-left:3px solid var(--accent);background:var(--surface);margin:20px 0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
main>.wrap{padding-bottom:30px}
.border-inner>a:last-child{display:inline-flex;align-items:center;gap:10px}.border-wait{display:inline-flex;align-items:baseline;gap:6px}.border-wait span{color:var(--muted)}.border-wait strong{font-weight:700}.border-updated,.border-source,.border-unavailable{font-size:11px;color:var(--muted)}.border-source{border:1px solid var(--line);padding:2px 6px;text-transform:uppercase;letter-spacing:.05em}.border-details{margin-left:auto}
.toc h2{font-size:1.75rem;margin-bottom:14px}
h1,h2,h3{overflow-wrap:break-word}
html[lang|=es] .desktop-nav{gap:21px}
html[lang|=es] .hero h1{font-size:clamp(3.4rem,6.6vw,6.2rem)}
@media(min-width:1500px){.hero-photo img[data-mark-src]{height:auto}}
@media(max-width:1100px){.editorial-shell{gap:30px}.news-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}html[lang|=es] .desktop-nav{gap:13px}}
@media(max-width:767px){
.logo{width:122.718px;height:26.1px}
.site-language a{padding:0 10px}.language-location{font-size:11px}
.site-language a[aria-current=true]:after{left:10px;right:10px}
.drawer.open{inset:143px 0 66px}
body:not(:has(.preview)) .drawer.open{top:113px}
.hero-photo:has(img[data-mark-src]) .hero-label h2{font-size:2.7rem}.hero-photo:has(img[data-mark-src]) .hero-label{padding:20px}
.hero-photo:has(img[data-mark-src]) .photo-stamp{font-size:11px;top:12px;left:12px}
.home-galleries{grid-template-columns:repeat(3,265px)}
.home-galleries .photo-cover>img[data-mark-src]{height:175px}
.section-head{flex-wrap:wrap}
.news-layout,.editorial-shell{grid-template-columns:1fr;gap:28px}
.news-sidebar{padding-top:0}
.newsletter .inline-field input{width:100%;min-width:0}
.editorial-shell{margin:28px 0 45px}.article h1{font-size:3.3rem}
.toc{position:static;margin-top:12px}.tjg-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.border-inner>a:last-child{display:none}
.week-strip>a strong{font-size:23px}
.week-strip>a:first-child strong{font-size:15px}
.toolbar .search{flex-basis:100%}
.hero h1{font-size:clamp(3rem,14vw,3.45rem)}
html[lang|=es] .hero h1{font-size:3.1rem}
html[lang|=es] .header .account{font-size:11px;padding:9px}
}