/* Dom Tuttobene brand styles */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Inter:wght@400;500;600&display=swap');

:root {
  --dt-red: #B23A2A;
  --dt-red-dark: #8A2A1D;
  --dt-olive: #55612F;
  --dt-cream: #FBF6EE;
  --dt-ink: #2A2522;
  --dt-muted: #5F5650;
}

body {
  background: var(--dt-cream);
  color: var(--dt-ink);
  font-family: 'Inter', system-ui, sans-serif;
}

h1, h2, h3, h4,
.site-title, .navbar-brand-wpz, .navbar-brand-wpz a,
.entry-title, .entry-title a, .page-title,
.slides li h3, .slides li h3 a,
.widget .title, .widgettitle, .section-title {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--dt-ink);
  letter-spacing: -0.01em;
}

.navbar-brand-wpz a, .site-title a {
  font-weight: 700 !important;
}

a { color: var(--dt-red); }
a:hover { color: var(--dt-red-dark); }

.entry-title a, .widget a, .main-navbar a, .navbar-wpz a { color: var(--dt-ink); }
.entry-title a:hover, .widget a:hover, .main-navbar a:hover, .navbar-wpz a:hover { color: var(--dt-red); }

/* Buttons */
button, .button, input[type="submit"], .wp-block-button__link, .wp-element-button,
.more-link, .readmore_button a, .slide_button a,
.wprm-recipe-jump, .wprm-recipe-print, .wprm-recipe-link {
  background: var(--dt-red) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
}
button:hover, .button:hover, input[type="submit"]:hover, .wp-block-button__link:hover,
.more-link:hover, .readmore_button a:hover, .slide_button a:hover {
  background: var(--dt-red-dark) !important;
}

/* Top bar */
.top-navbar, .top-navbar a { background: var(--dt-red); color: #fff !important; }

/* Category labels */
.cat-links a, .entry-meta .cat-links a, .slides .cat-links a { color: var(--dt-red) !important; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; }

/* Sidebar boxes */
.dt-about, .dt-signup { padding: 24px; border-radius: 14px; }
.dt-about { background: #fff; text-align: center; }
.dt-signup { background: var(--dt-red); color: #fff; }
.dt-signup h3, .dt-signup p, .dt-signup a { color: #fff !important; }
.dt-signup .wp-block-button__link { background: var(--dt-ink) !important; }

/* Recipe card */
.wprm-recipe-container .wprm-recipe { border-radius: 16px; }
.wprm-recipe-name { font-family: 'Fraunces', Georgia, serif !important; }

/* Footer */
.site-footer, .site-footer .widget-area { background: #FFFFFF; }

/* Links inside page and post content */
.entry-content a:not(.wp-block-button__link):not(.wprm-recipe-link):not(.wp-block-social-link-anchor), .wp-block-list a, .wp-block-latest-posts a { color: var(--dt-red) !important; }
.entry-content a:not(.wp-block-button__link):not(.wprm-recipe-link):not(.wp-block-social-link-anchor):hover { color: var(--dt-red-dark) !important; }

/* Tagline under the logo */
.site-description { color: var(--dt-muted) !important; letter-spacing: 0.15em; }

/* Recipe buttons keep white text */
.entry-content .wprm-recipe-jump, .entry-content .wprm-recipe-print,
.entry-content .wprm-recipe-jump:hover, .entry-content .wprm-recipe-print:hover {
  color: #fff !important;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  margin: 0 8px 8px 0;
}
.entry-content .wp-block-button__link { color: #fff !important; }

/* Social icons keep white glyphs */
.wp-block-social-links .wp-block-social-link a, .wp-block-social-links .wp-block-social-link a:hover { color: #fff !important; }
.wp-block-social-links .wp-block-social-link { background-color: var(--dt-red) !important; }

/* Dom photo */
.dt-about-photo img { max-width: 520px; width: 100%; height: auto; border-radius: 16px; }
.dt-bio-photo { margin: 0 auto 12px; text-align: center; }
.dt-bio-photo img { width: 140px; height: 140px; object-fit: cover; object-position: 70% 20%; border-radius: 50%; }

/* Recipe post layout */
.dt-post-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 8px; }
.dt-post-top p { margin: 0; }
.dt-post-top .wprm-recipe-jump { font-size: 16px !important; padding: 12px 26px !important; }
.dt-post-top .wprm-recipe-print { background: var(--dt-ink) !important; }
.dt-post-top a[href="#watch"] { font-weight: 600; }
.dt-video { max-width: 420px; margin: 0 auto 24px; }
.dt-video .instagram-media { margin: 0 auto !important; }
.dt-save-box { background: #fff; border: 2px solid var(--dt-red); border-radius: 16px; padding: 24px; margin: 32px 0; }
.dt-save-box h2 { margin-top: 0; }
.dt-author-box { display: grid; grid-template-columns: 120px 1fr; gap: 0 20px; align-items: center; background: #fff; border-radius: 16px; padding: 24px; margin: 32px 0; }
.dt-author-box > * { grid-column: 2; margin: 0 0 8px; }
.dt-author-box .dt-author-photo { grid-column: 1; grid-row: 1 / span 3; margin: 0; }
.dt-author-box .dt-author-photo img { width: 120px; height: 120px; object-fit: cover; object-position: 70% 20%; border-radius: 50%; }
@media (max-width: 600px) { .dt-author-box { grid-template-columns: 1fr; text-align: center; } .dt-author-box > *, .dt-author-box .dt-author-photo { grid-column: 1; grid-row: auto; } .dt-author-box .dt-author-photo { margin: 0 auto 12px; } .dt-author-box .wp-block-social-links { justify-content: center; } }
html { scroll-behavior: smooth; }

/* Videos page grid */
.dt-video-grid { gap: 28px; margin-bottom: 28px; }
.dt-video-card .dt-video-thumb { position: relative; margin: 0 0 12px; }
.dt-video-card .dt-video-thumb img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 14px; display: block; }
.dt-video-card .dt-video-thumb a::after { content: "\25B6"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; background: rgba(178,58,42,.92); color: #fff; font-size: 24px; line-height: 64px; text-align: center; padding-left: 4px; box-sizing: border-box; }
.dt-video-card h3 { font-size: 20px; margin: 0 0 10px; }
.dt-video-card h3 a { color: var(--dt-ink) !important; text-decoration: none; }
.dt-video-card .wp-block-buttons { gap: 8px; }
.dt-video-card .wp-block-button__link { font-size: 14px !important; padding: 8px 16px !important; }
.entry-content .is-style-outline .wp-block-button__link { background: transparent !important; color: var(--dt-red) !important; border: 2px solid var(--dt-red) !important; }


/* Vertical grid photos for wraps */
body:not(.single) .post-49 .post-thumb a { display: block; background: url("https://domtuttobene.com/wp-content/uploads/2026/10/big-mac-chopped-wrap-edited.jpg") center / cover no-repeat; }
body:not(.single) .post-49 .post-thumb img { opacity: 0; }
body:not(.single) .post-125 .post-thumb a { display: block; background: url("https://domtuttobene.com/wp-content/uploads/2026/10/IMG_0353-edited.png") center / cover no-repeat; }
body:not(.single) .post-125 .post-thumb img { opacity: 0; }
body:not(.single) .post-135 .post-thumb a { display: block; background: url("https://domtuttobene.com/wp-content/uploads/2026/10/IMG_8355-edited-3.jpeg") center / cover no-repeat; }
body:not(.single) .post-135 .post-thumb img { opacity: 0; }
body:not(.single) .post-148 .post-thumb a { display: block; background: url("https://domtuttobene.com/wp-content/uploads/2026/10/IMG_8997-edited.png") center / cover no-repeat; }
body:not(.single) .post-148 .post-thumb img { opacity: 0; }
body:not(.single) .post-160 .post-thumb a { display: block; background: url("https://domtuttobene.com/wp-content/uploads/2026/10/IMG_0354-edited-3.png") center / cover no-repeat; }
body:not(.single) .post-160 .post-thumb img { opacity: 0; }
body:not(.single) .post-174 .post-thumb a { display: block; background: url("https://domtuttobene.com/wp-content/uploads/2026/10/IMG_0355-edited-1.png") center / cover no-repeat; }
body:not(.single) .post-174 .post-thumb img { opacity: 0; }
body:not(.single) .post-240 .post-thumb a { display: block; background: url("https://domtuttobene.com/wp-content/uploads/2026/10/IMG_0357-edited.png") center / cover no-repeat; }
body:not(.single) .post-240 .post-thumb img { opacity: 0; }
body:not(.single) .post-260 .post-thumb a { display: block; background: url("https://domtuttobene.com/wp-content/uploads/2026/10/buffalo-chicken-bacon-ranch-chopped-wrap-edited.jpg") center / cover no-repeat; }
body:not(.single) .post-260 .post-thumb img { opacity: 0; }
/* end vertical grid photos */
