:root { --leziz-bg: #fff7ef; --leziz-surface: #ffffff; --leziz-soft: #fff1e6; --leziz-soft-2: #f8fafc; --leziz-text: #1f2933; --leziz-muted: #667085; --leziz-primary: #f97316; --leziz-primary-dark: #b93a12; --leziz-accent: #16a34a; --leziz-border: rgba(31, 41, 51, .10); --leziz-shadow: 0 14px 40px rgba(31, 41, 51, .09); --leziz-shadow-soft: 0 8px 24px rgba(31, 41, 51, .07); --leziz-radius: 16px; --leziz-radius-sm: 12px; --leziz-container: 1360px; } html { scroll-behavior: smooth; } body.leziz-premium-ui { background: radial-gradient(circle at top left, rgba(249, 115, 22, .13), transparent 26rem), radial-gradient(circle at top right, rgba(22, 163, 74, .08), transparent 28rem), linear-gradient(180deg, #fffaf6 0%, var(--leziz-bg) 45%, #ffffff 100%); color: var(--leziz-text); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } body.leziz-premium-ui a { color: var(--leziz-primary-dark); text-decoration-thickness: 1px; text-underline-offset: 3px; } body.leziz-premium-ui a:hover { color: var(--leziz-primary); } .grid-container, .site-header .inside-header, .main-navigation .inside-navigation, .site-info .inside-site-info { max-width: var(--leziz-container); } .site-header { background: rgba(255, 255, 255, .94); border-bottom: 0; box-shadow: none; backdrop-filter: blur(8px); } .site-header .inside-header { min-height: 112px; padding: 24px 18px 18px; } .site-logo img, .header-image { max-height: 92px; width: auto; } .site-branding .main-title, .site-branding .main-title a { color: #171717; font-size: clamp(25px, 3vw, 36px); font-weight: 850; letter-spacing: 0; } .site-description { color: var(--leziz-muted); font-size: 14px; margin-top: 4px; } .main-navigation, .main-navigation ul ul { background: transparent; } .main-navigation .inside-navigation { background: #1f2933; border-radius: 0; box-shadow: 0 16px 34px rgba(31, 41, 51, .12); min-height: auto; overflow: hidden; } .main-navigation .main-nav ul { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } .main-navigation .main-nav ul li a, .menu-toggle { color: #fff; font-size: 14px; font-weight: 800; letter-spacing: .01em; line-height: 54px; padding-left: 18px; padding-right: 18px; } .main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a { background: var(--leziz-primary); color: #fff; } .nav-float-right #site-navigation { margin-left: 24px; } .site-content { padding-top: 22px; } .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .site-content, .inside-right-sidebar .widget, .inside-left-sidebar .widget { border: 1px solid var(--leziz-border); border-radius: var(--leziz-radius); box-shadow: var(--leziz-shadow-soft); } .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header { background: rgba(255, 255, 255, .97); padding: 18px; } .post, .page { overflow: hidden; } .entry-header { margin-bottom: 12px; } .entry-title { color: #171717; font-size: clamp(25px, 3.4vw, 40px); font-weight: 850; line-height: 1.08; letter-spacing: 0; } .blog .entry-title, .archive .entry-title, .search .entry-title { font-size: clamp(18px, 1.35vw, 22px); line-height: 1.16; } .entry-meta, .entry-meta a, .cat-links, .tags-links { color: var(--leziz-muted); font-size: 12px; font-weight: 650; } .blog .entry-header .entry-meta, .archive .entry-header .entry-meta, .search .entry-header .entry-meta { margin-top: 7px; } .post-image, .featured-image, .inside-article .post-image { margin-bottom: 14px; } .post-image img, .featured-image img, .wp-post-image { width: 100%; border-radius: var(--leziz-radius); box-shadow: var(--leziz-shadow-soft); object-fit: cover; } .blog .post-image img, .archive .post-image img, .search .post-image img, .blog .wp-post-image, .archive .wp-post-image, .search .wp-post-image { aspect-ratio: 16 / 10; max-height: 220px; } .blog .inside-article .post-image, .archive .inside-article .post-image, .search .inside-article .post-image { margin-left: -18px; margin-right: -18px; margin-top: -18px; } .blog .inside-article .post-image img, .archive .inside-article .post-image img, .search .inside-article .post-image img, .blog .inside-article .wp-post-image, .archive .inside-article .wp-post-image, .search .inside-article .wp-post-image { border-radius: var(--leziz-radius) var(--leziz-radius) 0 0; box-shadow: none; display: block; width: 100%; } .blog .inside-article, .archive .inside-article, .search .inside-article { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .blog .inside-article:hover, .archive .inside-article:hover, .search .inside-article:hover { border-color: rgba(232, 93, 4, .28); box-shadow: var(--leziz-shadow); transform: translateY(-2px); } .entry-summary, .entry-content { color: #29323d; font-size: 18px; line-height: 1.78; } .blog .entry-summary, .archive .entry-summary, .search .entry-summary { color: #4b5563; font-size: 14px; line-height: 1.5; } .entry-content p { margin-bottom: 1.05em; } .entry-content h2, .entry-content h3, .entry-content h4 { color: #171717; font-weight: 850; line-height: 1.18; margin-top: 1.45em; } .entry-content h2 { font-size: clamp(24px, 3vw, 34px); padding-bottom: 10px; border-bottom: 2px solid var(--leziz-soft); } .entry-content ul, .entry-content ol { background: var(--leziz-soft-2); border: 1px solid var(--leziz-border); border-radius: var(--leziz-radius-sm); padding: 18px 22px 18px 42px; } .entry-content li + li { margin-top: 8px; } .read-more, .leziz-read-more, .button, button, input[type="submit"], .wp-block-button__link { border-radius: 999px; background: linear-gradient(135deg, var(--leziz-primary), #fb923c); box-shadow: 0 10px 22px rgba(232, 93, 4, .20); color: #fff !important; font-weight: 800; padding: 11px 18px; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } .read-more:hover, .leziz-read-more:hover, .button:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover { box-shadow: 0 14px 28px rgba(232, 93, 4, .26); filter: saturate(1.08); transform: translateY(-1px); } .leziz-read-more { display: inline-flex; margin-top: 12px; text-decoration: none; } .blog .inside-article, .archive .inside-article, .search .inside-article { display: flex; flex-direction: column; } .blog .entry-summary, .archive .entry-summary, .search .entry-summary { display: flex; flex: 1; flex-direction: column; } .blog .leziz-read-more, .archive .leziz-read-more, .search .leziz-read-more { align-self: flex-start; margin-top: auto; } .blog footer.entry-meta, .archive footer.entry-meta, .search footer.entry-meta { margin: 0 0 10px; order: -2; } .blog footer.entry-meta .tags-links, .archive footer.entry-meta .tags-links, .search footer.entry-meta .tags-links { display: none; } .leziz-card-cats { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .leziz-card-cats a { background: #fff1e6; border: 1px solid rgba(249, 115, 22, .18); border-radius: 999px; color: var(--leziz-primary-dark); display: inline-flex; font-size: 12px; font-weight: 850; line-height: 1; padding: 7px 10px; text-decoration: none; } .inside-right-sidebar .widget, .inside-left-sidebar .widget { background: rgba(255, 255, 255, .96); padding: 18px; } .inside-right-sidebar .widget:empty, .inside-left-sidebar .widget:empty { display: none; } .widget-title { align-items: center; color: #171717; display: flex; font-size: 18px; font-weight: 850; gap: 10px; margin-bottom: 16px; } .widget-title::before { background: linear-gradient(135deg, var(--leziz-primary), #fbbf24); border-radius: 999px; content: ""; display: inline-block; height: 10px; width: 10px; } .widget ul { margin-left: 0; } .widget li { border-bottom: 1px solid var(--leziz-border); list-style: none; padding: 9px 0; } .widget li:last-child { border-bottom: 0; } .widget a { color: var(--leziz-text); font-weight: 720; text-decoration: none; } .widget a:hover { color: var(--leziz-primary); } .search-form { display: flex; gap: 8px; } input[type="search"], input[type="text"], input[type="email"], input[type="url"], textarea { border: 1px solid var(--leziz-border); border-radius: 999px; box-shadow: inset 0 1px 2px rgba(31, 41, 51, .04); min-height: 44px; } select { background-color: #fff; border: 1px solid var(--leziz-border); border-radius: var(--leziz-radius-sm); min-height: 48px; padding: 0 14px; width: 100%; } textarea { border-radius: var(--leziz-radius-sm); } .site-info { background: #171717; color: rgba(255, 255, 255, .78); } .site-info a { color: #fff; } .paging-navigation .nav-links > * { border-radius: 999px; } .leziz-premium-ui .adsbygoogle, .leziz-premium-ui [class*="ad-"], .leziz-premium-ui [id*="ad-"] { max-width: 100%; } @media (min-width: 769px) { .right-sidebar .site-main { margin-right: 20px; } .left-sidebar .site-main { margin-left: 20px; } .blog .site-main, .archive .site-main, .search .site-main { display: grid; gap: 14px; } } @media (min-width: 1025px) { .blog .site-main, .archive .site-main, .search .site-main { grid-template-columns: repeat(3, minmax(0, 1fr)); } .blog .paging-navigation, .archive .paging-navigation, .search .paging-navigation, .blog .page-header, .archive .page-header, .search .page-header { grid-column: 1 / -1; } .blog .inside-article, .archive .inside-article, .search .inside-article { height: 100%; } } @media (min-width: 1025px) and (max-width: 1240px) { .blog .site-main, .archive .site-main, .search .site-main { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 769px) { :root { --leziz-container: 1320px; --leziz-radius: 14px; } .site-header .inside-header { min-height: 104px; padding: 20px 18px 16px; } .site-logo img, .header-image { max-height: 98px; } .main-navigation .main-nav ul li a, .menu-toggle { font-size: 15px; line-height: 58px; padding-left: 19px; padding-right: 19px; } .site-content { padding-top: 16px; } .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header { padding: 16px; } .blog .inside-article .post-image, .archive .inside-article .post-image, .search .inside-article .post-image { margin-left: -16px; margin-right: -16px; margin-top: -16px; } .blog .post-image img, .archive .post-image img, .search .post-image img, .blog .wp-post-image, .archive .wp-post-image, .search .wp-post-image { max-height: 240px; } .blog .entry-title, .archive .entry-title, .search .entry-title { font-size: clamp(21px, 1.55vw, 25px); line-height: 1.12; } .blog .entry-summary, .archive .entry-summary, .search .entry-summary { font-size: 15px; line-height: 1.48; min-height: 106px; } .blog .entry-summary p, .archive .entry-summary p, .search .entry-summary p { display: flex; flex: 1; flex-direction: column; margin-bottom: 0; } .blog .entry-summary p .leziz-read-more, .archive .entry-summary p .leziz-read-more, .search .entry-summary p .leziz-read-more { align-self: flex-start; margin-top: auto; } .entry-summary, .entry-content { font-size: 19px; line-height: 1.72; } .entry-title { font-size: clamp(30px, 3.2vw, 44px); } .read-more, .leziz-read-more, .button, button, input[type="submit"], .wp-block-button__link { font-size: 15px; min-width: 126px; padding: 12px 20px; text-align: center; } .leziz-card-cats a { font-size: 13px; padding: 8px 11px; } .inside-right-sidebar .widget, .inside-left-sidebar .widget { padding: 16px; } .widget-title { font-size: 19px; margin-bottom: 14px; } } @media (max-width: 768px) { :root { --leziz-radius: 12px; } .site-header .inside-header { min-height: 84px; padding: 13px 16px 12px; text-align: left; } .site-logo img, .header-image { max-height: 66px; } .site-branding .main-title, .site-branding .main-title a { font-size: 25px; line-height: 1.1; } .site-description { font-size: 13px; } .main-navigation .menu-toggle { background: #1f2933; padding: 14px 16px; text-align: left; } .main-navigation .inside-navigation { border-radius: 0; box-shadow: 0 10px 22px rgba(31, 41, 51, .10); } .main-navigation .main-nav ul { display: block; } .main-navigation .main-nav ul li a { border-top: 1px solid rgba(255, 255, 255, .08); line-height: 44px; } .site-content { padding: 10px; } .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .inside-right-sidebar .widget, .inside-left-sidebar .widget { padding: 16px; } .entry-title { font-size: 27px; } .blog .entry-title, .archive .entry-title, .search .entry-title { font-size: 23px; } .blog .entry-summary, .archive .entry-summary, .search .entry-summary { font-size: 16px; line-height: 1.58; } .entry-summary, .entry-content { font-size: 17px; line-height: 1.72; } .entry-content ul, .entry-content ol { padding: 16px 16px 16px 34px; } .post-image img, .featured-image img, .wp-post-image { max-height: 390px; } .blog .post-image img, .archive .post-image img, .search .post-image img, .blog .wp-post-image, .archive .wp-post-image, .search .wp-post-image { aspect-ratio: 16 / 10; max-height: 270px; } .blog .inside-article .post-image, .archive .inside-article .post-image, .search .inside-article .post-image { margin-left: -16px; margin-right: -16px; margin-top: -16px; } .leziz-card-cats { margin-bottom: 8px; } .leziz-read-more { padding: 10px 16px; } .search-form { flex-direction: column; } .search-form input[type="submit"] { width: 100%; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } } body:is(.home, .archive, .search) { --leziz-container: none; --leziz-home-gutter: clamp(12px, 1.2vw, 24px); } body:is(.home, .archive, .search) #page.grid-container, body:is(.home, .archive, .search) .site-header .inside-header, body:is(.home, .archive, .search) .main-navigation .inside-navigation, body:is(.home, .archive, .search) .site-info .inside-site-info { max-width: none; width: 100%; box-sizing: border-box; } body:is(.home, .archive, .search) #content { padding: 24px var(--leziz-home-gutter); box-sizing: border-box; } body:is(.home, .archive, .search) #primary { width: 100%; min-width: 0; float: none; } body:is(.home, .archive, .search) #main { margin: 0; } body:is(.home, .archive, .search) .site-header .inside-header { padding-inline: var(--leziz-home-gutter); } body:is(.home, .archive, .search) .main-navigation { margin-inline: var(--leziz-home-gutter); } body:is(.home, .archive, .search) #main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; } body:is(.home, .archive, .search) #main > .paging-navigation, body:is(.home, .archive, .search) #main > .page-header { grid-column: 1 / -1; } body:is(.home, .archive, .search) #main > .leziz-find-recipe { grid-column: 1 / -1; } @media (min-width: 620px) { body:is(.home, .archive, .search) #main { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 900px) { body:is(.home, .archive, .search) #main { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1200px) { body:is(.home, .archive, .search) #main { grid-template-columns: repeat(4, minmax(0, 1fr)); } } :is(.blog, .archive, .search) #main > article { min-width: 0; margin: 0; } :is(.blog, .archive, .search) #main > article .inside-article { box-sizing: border-box; padding: 18px; height: 100%; display: flex; flex-direction: column; gap: 14px; overflow: hidden; } :is(.blog, .archive, .search) #main > article .entry-header { margin: 0; min-block-size: 118px; display: flex; flex-direction: column; } :is(.blog, .archive, .search) #main > article .entry-title { margin: 0; font-size: clamp(20px, 1.3vw, 24px); line-height: 1.25; overflow-wrap: break-word; } :is(.blog, .archive, .search) #main > article .entry-header .entry-meta { margin: auto 0 0; padding-top: 8px; line-height: 1.5; } :is(.blog, .archive, .search) #main > article .post-image { margin: 0; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 10px; align-self: start; } :is(.blog, .archive, .search) #main > article .post-image a { display: block; width: 100%; height: 100%; } :is(.blog, .archive, .search) #main > article .post-image img { display: block; width: 100%; height: 100%; max-height: none; aspect-ratio: auto; object-fit: cover; border-radius: 0; } :is(.blog, .archive, .search) #main > article .entry-summary { margin: 0; min-height: 0; display: block; flex: 1; font-size: 15px; line-height: 1.6; } :is(.blog, .archive, .search) #main > article .entry-summary p { display: block; margin: 0; } :is(.blog, .archive, .search) #main > article footer.entry-meta { order: -2; margin: 0; min-width: 0; } :is(.blog, .archive, .search) #main > article .leziz-card-cats { margin: 0; min-block-size: 32px; gap: 6px; } :is(.blog, .archive, .search) #main > article .leziz-card-action { margin-top: auto; padding: 0; } :is(.blog, .archive, .search) #main > article .leziz-card-action .leziz-read-more { display: inline-flex; align-items: center; justify-content: center; margin: 0; min-height: 44px; padding: 10px 20px; box-sizing: border-box; line-height: 1.4; text-decoration: none; } :is(.blog, .archive, .search) #main > article .inside-article:hover { transform: none; } @supports (grid-template-rows: subgrid) { :is(.blog, .archive, .search) #main { row-gap: 14px; } :is(.blog, .archive, .search) #main > article { display: grid; grid-template-rows: subgrid; grid-row: span 5; margin-bottom: 10px; } :is(.blog, .archive, .search) #main > article .inside-article { display: grid; grid-template-rows: subgrid; grid-row: 1 / -1; row-gap: 14px; } :is(.blog, .archive, .search) #main > article footer.entry-meta { grid-row: 1; order: initial; } :is(.blog, .archive, .search) #main > article .entry-header { grid-row: 2; min-block-size: 0; } :is(.blog, .archive, .search) #main > article .post-image { grid-row: 3; } :is(.blog, .archive, .search) #main > article .entry-summary { grid-row: 4; } :is(.blog, .archive, .search) #main > article .leziz-card-action { grid-row: 5; align-self: end; margin: 0; } } @media (max-width: 619px) { body:is(.home, .archive, .search) #content { padding-block: 16px; } :is(.blog, .archive, .search) #main > article .entry-title { font-size: 22px; } :is(.blog, .archive, .search) #main > article .entry-header { min-block-size: 0; } } body:is(.home, .archive, .search) .main-navigation .inside-navigation { overflow: visible; } .paging-navigation { grid-column: 1 / -1; width: 100%; box-sizing: border-box; margin: 20px 0 28px; padding: 20px 16px; border: 1px solid var(--leziz-border); border-radius: 16px; background: var(--leziz-surface); text-align: center; } .paging-navigation .nav-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; float: none; width: 100%; margin: 0; } .paging-navigation:has(.page-numbers) .nav-previous, .paging-navigation:has(.page-numbers) .nav-next { display: none; } .paging-navigation .nav-links .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; box-sizing: border-box; margin: 0; padding: 10px 14px; border: 1px solid rgba(185, 58, 18, .20); border-radius: 12px; background: #fff7ef; color: var(--leziz-primary-dark); font-size: 16px; font-weight: 800; line-height: 1.2; text-decoration: none; transition: background-color .15s ease, border-color .15s ease; } .paging-navigation .nav-links a.page-numbers:hover { background: #ffe7d3; border-color: var(--leziz-primary-dark); color: var(--leziz-primary-dark); } .paging-navigation .nav-links a.page-numbers:focus-visible { outline: 3px solid var(--leziz-primary-dark); outline-offset: 3px; } .paging-navigation .nav-links .page-numbers.current { background: var(--leziz-primary-dark); border-color: var(--leziz-primary-dark); color: #fff; box-shadow: 0 4px 12px rgba(185, 58, 18, .18); } .paging-navigation .nav-links .page-numbers.dots { min-width: 28px; padding-inline: 4px; border-color: transparent; background: transparent; box-shadow: none; color: var(--leziz-muted); } .paging-navigation .nav-links .next, .paging-navigation .nav-links .prev { padding-inline: 18px; } @media (max-width: 480px) { .paging-navigation { padding: 16px 10px; } .paging-navigation .nav-links { gap: 6px; } .paging-navigation .nav-links .page-numbers { min-width: 44px; min-height: 44px; padding: 9px 12px; font-size: 15px; } } body.single-post { --leziz-container: none; --leziz-home-gutter: clamp(12px, 1.2vw, 24px); } body.single-post #page.grid-container, body.single-post .site-header .inside-header, body.single-post .main-navigation .inside-navigation, body.single-post .site-info .inside-site-info { width: 100%; max-width: none; box-sizing: border-box; } body.single-post #content { box-sizing: border-box; padding: 24px var(--leziz-home-gutter); gap: 24px; } body.single-post .site-header .inside-header { padding-inline: var(--leziz-home-gutter); } body.single-post .main-navigation { margin-inline: var(--leziz-home-gutter); } body.single-post #main { margin: 0; } body.single-post #primary, body.single-post #right-sidebar { min-width: 0; } body.single-post #right-sidebar .widget { box-sizing: border-box; max-width: 100%; } body.single-post #right-sidebar input[type="search"] { min-width: 0; width: 100%; flex: 1 1 0; } body.single-post #right-sidebar .wp-block-search__inside-wrapper { min-width: 0; } body.single-post .entry-content { max-width: 1100px; margin-inline: auto; } @media (min-width: 769px) { body.single-post.right-sidebar #primary { flex: 1 1 0; width: auto; } body.single-post.right-sidebar #right-sidebar { flex: 0 0 clamp(280px, 24vw, 360px); width: auto; } body.single-post .inside-right-sidebar { padding: 0; } } @media (max-width: 768px) { body.single-post #content { padding-block: 16px; } body.single-post #primary, body.single-post #right-sidebar { width: 100%; } } .leziz-find-recipe { background: #fff; border: 1px solid var(--leziz-border); border-radius: 12px; padding: 16px; } .leziz-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; padding: 16px; background: #fff; } .leziz-footer-links a { display: inline-flex; align-items: center; min-height: 44px; } .leziz-find-recipe .search-form { max-width: 780px; margin: auto; } .search-form label { flex: 1 1 auto; min-width: 0; } .search-form input[type="search"] { width: 100%; } .leziz-recipe-summary { background: #fff7ef; border: 1px solid #edc4ad; border-radius: 12px; padding: 16px; margin-bottom: 24px; } .leziz-recipe-summary nav { display: flex; gap: 10px; flex-wrap: wrap; } .leziz-recipe-summary nav a, .leziz-recipe-summary button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border-radius: 10px; background: #9d310f; color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; } .leziz-recipe-summary > span { display: inline-block; margin: 12px 16px 0 0; } body.single-post .inside-article { display: flex; flex-direction: column; } body.single-post .inside-article > .entry-header { order: -1; margin-bottom: 20px; } body.single-post .featured-image img { display: block; width: 100%; height: auto; max-height: 480px; object-fit: contain; background: #fff7ef; } body.single-post .entry-content { width: 100%; max-width: 1040px; } body.single-post .entry-content p { max-width: 75ch; } body.single-post h2[id], body.single-post h3[id] { scroll-margin-top: 24px; } body.leziz-premium-ui :is(.button, button, input[type="submit"], .leziz-read-more, .wp-block-button__link) { background: #9d310f; color: #fff; } body.leziz-premium-ui :is(.button, button, input[type="submit"], .leziz-read-more):hover { background: #7c260b; color: #fff; } body.leziz-premium-ui a:hover { color: #8c2c0e; } a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #9d310f; outline-offset: 3px; } @media (min-width: 769px) and (max-width: 1024px) { body.single-post #content { flex-wrap: wrap; } body.single-post.right-sidebar #primary { flex: 0 0 100%; width: 100%; } body.single-post.right-sidebar #right-sidebar { flex: 0 0 100%; width: 100%; } body.single-post .inside-right-sidebar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; } } @media (max-width: 768px) { body.single-post .featured-image img { max-height: 300px; } .leziz-recipe-summary nav > * { flex: 1 1 140px; } } @media print { .site-header, .main-navigation, #right-sidebar, .site-footer, .leziz-recipe-summary, .adsbygoogle, [data-leziz-print] { display: none !important; } body.single-post #primary { width: 100% !important; } body { color: #000; background: #fff; } .inside-article { box-shadow: none !important; border: 0 !important; } } body .lta-bot::after { content: "YZ" !important; } body.single-post .inside-article { min-width:0; box-sizing:border-box; } body.single-post .inside-article > .entry-header, body.single-post .entry-content, body.single-post .inside-article > .entry-meta { width:100%; min-width:0; box-sizing:border-box; margin-inline:0; } body.single-post .featured-image { width:100%!important; max-width:100%!important; margin:0 0 24px!important; box-sizing:border-box; align-self:stretch; } body.single-post .featured-image > .yta-photo-frame { display:block; width:100%; max-width:100%; margin:0; } body.single-post .featured-image img { width:100%; max-width:100%; height:auto; max-height:none; object-fit:contain; } body.single-post .entry-content p { max-width:none; } body.single-post .entry-content :is(img,video,iframe,select) { max-width:100%; } body.single-post .entry-content :is(h2,h3,h4,a,strong) { overflow-wrap:anywhere; } body.single-post .entry-content :is(pre,.wp-block-table) { max-width:100%; overflow-x:auto; } body.single-post .tfmk-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; } body.single-post .tfmk-grid > .yta-photo-frame { display:flex!important; flex-direction:column; width:100%; max-width:100%; min-width:0; height:100%; margin:0!important; } body.single-post .tfmk-grid .tfmk-card { display:flex; flex-direction:column; width:100%; min-width:0; height:100%; margin:0; box-sizing:border-box; overflow:hidden; border-radius:12px; background:#fff; text-decoration:none; } body.single-post .tfmk-grid .tfmk-card img { display:block; width:100%!important; height:auto!important; aspect-ratio:3/2; object-fit:cover; margin:0; border-radius:0; } body.single-post .tfmk-grid .tfmk-card strong { display:block; padding:12px 12px 6px; font-size:16px; line-height:1.45; } body.single-post .tfmk-grid .tfmk-card small { display:block; margin-top:auto; padding:0 12px 14px; line-height:1.5; color:#59636e; } @media(max-width:1024px){body.single-post .tfmk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }} @media(max-width:767px){ body.single-post .inside-article { padding:16px!important; } body.single-post .tfmk-grid { gap:12px; } body.single-post .tfmk-grid .tfmk-card strong { font-size:14px; padding:10px 10px 6px; } body.single-post .tfmk-grid .tfmk-card small { font-size:12px; padding:0 10px 12px; } body.single-post .featured-image { margin-bottom:20px!important; } body.single-post .entry-content :is(ul,ol) { margin-left:1.25em; } } @media(max-width:359px){body.single-post .tfmk-grid { grid-template-columns:minmax(0,1fr); }} body.single-post #page{max-width:1280px!important;margin-inline:auto!important} body.single-post #content{gap:24px;padding-inline:20px;box-sizing:border-box} @media(min-width:1025px){body.single-post.right-sidebar #primary{flex:1 1 0!important;width:auto!important;min-width:0}body.single-post.right-sidebar #right-sidebar{flex:0 0 300px!important;width:300px!important;min-width:0}} body.single-post .yta-recipe-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px!important;align-items:stretch} body.single-post .yta-recipe-nav>a,body.single-post .yta-recipe-nav>button{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:11px 18px!important;border:1px solid #9d310f!important;border-radius:7px;background:#9d310f!important;color:#fff!important;font:600 15px/1.35 system-ui,sans-serif!important;text-align:center;text-decoration:none!important;cursor:pointer} body.single-post .yta-recipe-nav>[hidden]{display:none!important} body.single-post .yta-recipe-nav>a:hover,body.single-post .yta-recipe-nav>button:hover{background:#7c260b!important} body.single-post .featured-image>.yta-photo-frame{width:min(100%,var(--yta-featured-width,960px))!important;margin-inline:auto!important} html body.single-post .featured-image .yta-photo-frame img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain} body.single-post .featured-image{background:transparent!important} body .yta-photo-actions{inset:12px 12px auto} body .yta-photo-actions a{min-height:44px} body .leziz-card-action{display:block;width:100%;box-sizing:border-box;margin-top:auto;text-align:center} body :is(.leziz-read-more,.read-more,.tarifi-oku,.tarif-oku,.latr-read-more,.recipe-read-more,.recipe-card-button,.recipe-card__button,.recipe-card-cta,.leziz-card-cta){display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;padding:12px 18px;margin:14px auto 0;border-radius:10px;background:#9d310f;color:#fff;text-align:center;font-weight:700;line-height:1.4;text-decoration:none} @media(max-width:1024px){body.single-post #content{padding-inline:16px}} @media(max-width:768px){body.single-post #page{width:100%}body.single-post #content{padding-inline:0}body.single-post .yta-recipe-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body.single-post .yta-recipe-nav>a,body.single-post .yta-recipe-nav>button{font-size:13px!important;padding:10px 5px!important}body .yta-photo-actions{inset:8px 8px auto}} @media(max-width:359px){body.single-post .yta-recipe-nav{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:768px){body.single-post .featured-image{width:calc(100% + 32px)!important;max-width:none!important;margin-inline:-16px!important}body.single-post .featured-image>.yta-photo-frame{width:100%!important}} @media print{body.single-post .yta-recipe-nav{display:none!important}}