/*
Theme Name: DineOption
Theme URI: https://dineoption.com/
Author: JK Web Service
Description: Lightweight block theme for DineOption: eat out more for less, without the guesswork. Self-hosted Archivo and Inter fonts, no JavaScript, no external requests.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dineoption-bold
Tags: blog, block-patterns, full-site-editing, one-column, wide-blocks
*/
/* shared structure */
*,*::before,*::after{box-sizing:border-box}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--wp--preset--color--accent);outline-offset:2px}
.site-main{padding-block:var(--wp--preset--spacing--50)}
.site-header .wp-block-navigation a{text-decoration:none}
.wp-block-post-featured-image{margin-block:0}
.wp-block-post-featured-image img{display:block;width:100%;height:auto}
.entry-content > *{max-width:var(--wp--style--global--content-size)}
.entry-content h2{margin-top:2.2em}
.entry-content h3{margin-top:1.6em}
.entry-content figure.wp-block-image{margin-block:2em}
.entry-content figure.wp-block-image img{width:100%;height:auto}
.wp-element-caption,.featured-credit{font-size:.8125rem;color:var(--wp--preset--color--muted);margin-top:.5em}
.featured-credit{max-width:var(--wp--style--global--content-size);margin-inline:auto;padding-inline:var(--wp--preset--spacing--30)}
.wp-element-caption a,.featured-credit a{color:inherit}
.wp-block-post-featured-image .featured-credit a{display:inline;height:auto}
.wp-block-table{overflow-x:auto;margin-block:2em}
.wp-block-table table{border-collapse:collapse;width:100%;font-size:.95em}
.wp-block-table th,.wp-block-table td{border:1px solid var(--wp--preset--color--line);padding:.6em .75em;text-align:left;vertical-align:top}
.wp-block-table thead th{background:var(--wp--preset--color--surface-alt)}
.key-takeaways{padding:1.25em 1.5em;margin-block:2em}
.key-takeaways__title{margin:0 0 .5em;font-family:var(--wp--preset--font-family--heading)}
.key-takeaways ul{margin:0;padding-left:1.2em}
.key-takeaways li+li{margin-top:.35em}
.byline{gap:.25em .9em;font-size:.9rem;color:var(--wp--preset--color--muted)}
.byline-author::before{content:"By "}
.author-box{margin-top:3em;padding:1.5em;border-top:1px solid var(--wp--preset--color--line)}
.author-box__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin:0;color:var(--wp--preset--color--muted)}
.author-box__name{font-family:var(--wp--preset--font-family--heading);font-size:1.2rem;margin:.2em 0}
.author-box__bio{margin:0}
.related{margin-top:3em}
.related .wp-block-post-template{row-gap:1.5rem}
.wp-block-post-title a{text-decoration:none;color:inherit}
.wp-block-post-title a:hover{text-decoration:underline}
.wp-block-post-excerpt__more-text{display:none}
.wp-block-post-excerpt{margin-top:.4em}
.wp-block-post-excerpt p{margin:0}
.wp-block-post-terms a{text-decoration:none}
.wp-block-query-pagination{margin-top:2.5em}
.archive-header{margin-bottom:2em}
.archive-description{color:var(--wp--preset--color--muted)}
.footer-links a{margin-right:1.1em;display:inline-block}
.site-footer{margin-top:4em}
@media (max-width:600px){.footer-links a{margin:.2em .9em .2em 0}}

body{background:var(--wp--preset--color--base)}
.site-header{border-bottom:4px solid var(--wp--preset--color--contrast)}
.header-inner{max-width:1240px;margin:0 auto;padding:1rem 1.25rem;gap:.8rem}
.logo{font-family:var(--wp--preset--font-family--heading);font-weight:900;font-size:clamp(1.6rem,4vw,2.2rem);text-transform:uppercase;letter-spacing:-.02em;margin:0}
.logo a{color:var(--wp--preset--color--contrast);text-decoration:none;box-shadow:inset 0 -.32em 0 var(--wp--preset--color--accent-2)}
.primary-nav{font-family:var(--wp--preset--font-family--heading);font-weight:800;text-transform:uppercase;font-size:.85rem;gap:.4rem 1.2rem}
.primary-nav a{color:var(--wp--preset--color--contrast)}
.primary-nav a:hover{color:var(--wp--preset--color--accent)}
.home-intro{padding-block:1.5rem 2rem}
.home-title{font-size:clamp(2.2rem,6vw,4rem);font-weight:900;text-transform:uppercase;line-height:.98;letter-spacing:-.03em;max-width:18ch;margin:0}
.home-sub{font-size:1.15rem;max-width:52ch;margin-top:1rem}
.section-label{font-weight:900;text-transform:uppercase;font-size:1.5rem;display:inline-block;background:var(--wp--preset--color--contrast);color:#fff;padding:.25rem .7rem;margin:2.5rem 0 1.4rem}
.wp-block-post-template{row-gap:1.8rem}
.card--bold{border:3px solid var(--wp--preset--color--contrast);box-shadow:6px 6px 0 var(--wp--preset--color--contrast);background:#fff;height:100%;transition:transform .15s}
.card--bold:hover{transform:translate(-2px,-2px)}
.card--bold .wp-block-post-featured-image{border-bottom:3px solid var(--wp--preset--color--contrast)}
.card__body{padding:1rem 1.1rem 1.2rem}
.badge{margin:0}
.badge a{display:inline-block;background:var(--wp--preset--color--accent);color:#fff;font-family:var(--wp--preset--font-family--heading);font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;padding:.25rem .5rem}
.card--bold .wp-block-post-title{font-size:1.3rem;font-weight:900;line-height:1.15;margin:.6rem 0 .2rem}
.card-date{font-size:.8rem;font-weight:700;margin-top:.6rem}
.entry-header{padding-top:1rem}
.kicker a{display:inline-block;background:var(--wp--preset--color--accent);color:#fff;font-weight:800;text-transform:uppercase;font-size:.78rem;padding:.3rem .6rem;font-family:var(--wp--preset--font-family--heading)}
.entry-title{font-size:clamp(2.2rem,6vw,3.8rem);font-weight:900;line-height:1.02;letter-spacing:-.02em;margin:.6rem 0 1rem;max-width:22ch}
.byline{font-weight:600}
.entry-image img{border:3px solid var(--wp--preset--color--contrast)}
.entry-content h2{font-weight:900;font-size:1.75rem}
.key-takeaways{border:3px solid var(--wp--preset--color--contrast);background:#FFF4EA;box-shadow:6px 6px 0 var(--wp--preset--color--accent)}
.key-takeaways__title{text-transform:uppercase;font-weight:900}
.author-box{border:3px solid var(--wp--preset--color--contrast)}
.wp-block-table thead th{background:var(--wp--preset--color--contrast);color:#fff}
.site-footer{background:var(--wp--preset--color--contrast);color:#fff;padding-block:2.5rem}
.site-footer a{color:#fff}
.footer-name{font-family:var(--wp--preset--font-family--heading);font-weight:900;text-transform:uppercase}
.wp-block-search__button{background:var(--wp--preset--color--accent);color:#fff;border:0;font-weight:800}