/* Gotvacha v8 final structural corrections */
:root{--gtv-wide-max:1540px;--gtv-sidebar:320px;--gtv-gap:32px;--gtv-card-gap:24px;}
@media (min-width:1000px){
html.boxed body,html.boxed body.custom-background,#wrapper{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
#header.col-full,#navigation>.col-full,#content.col-full,.universe-search .col-full{box-sizing:border-box!important;width:min(var(--gtv-wide-max),calc(100% - 48px))!important;max-width:var(--gtv-wide-max)!important;margin-left:auto!important;margin-right:auto!important;}
#content.gotvacha-with-sidebar>#main-sidebar-container.gotvacha-layout-grid{display:grid!important;grid-template-columns:minmax(0,1fr) var(--gtv-sidebar)!important;gap:var(--gtv-gap)!important;align-items:start!important;width:100%!important;}
#content.gotvacha-with-sidebar #main{display:block!important;float:none!important;clear:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;}
#content.gotvacha-with-sidebar .gotvacha-modern-sidebar{display:block!important;visibility:visible!important;opacity:1!important;width:var(--gtv-sidebar)!important;max-width:var(--gtv-sidebar)!important;margin:0!important;}
#content.gotvacha-with-sidebar .gotvacha-modern-sidebar #sidebar{display:block!important;visibility:visible!important;opacity:1!important;float:none!important;width:100%!important;max-width:none!important;margin:0!important;}
#content.gotvacha-with-sidebar .gotvacha-modern-sidebar .widget{box-sizing:border-box!important;margin:0 0 22px!important;padding:20px!important;border:1px solid #eadfce!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(69,45,20,.06)!important;}
}
/* Recipe grids: fixed rows, no floats, no Isotope positioning, four cards beside sidebar. */
#content.gotvacha-wide-content #main .gtv-modern-recipe-index-grid,
#content.gotvacha-wide-content #main .gtv-modern-recipe-archive-grid,
#content.gotvacha-wide-content #main .recipe-content{
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--gtv-card-gap)!important;align-items:stretch!important;grid-auto-flow:row!important;width:100%!important;max-width:none!important;margin:20px 0 40px!important;padding:0!important;height:auto!important;
}
#content.gotvacha-wide-content #main .gtv-modern-recipe-card,
#content.gotvacha-wide-content #main .recipe-grid-item{
position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;float:none!important;clear:none!important;width:100%!important;max-width:none!important;min-width:0!important;height:100%!important;margin:0!important;transform:none!important;
}
#content.gotvacha-wide-content #main .gtv-modern-recipe-card .th-recipe{height:220px!important;aspect-ratio:auto!important;}
#content.gotvacha-wide-content #main .gtv-modern-recipe-card .th-recipe img{width:100%!important;height:100%!important;object-fit:cover!important;image-rendering:auto!important;}
/* Homepage blog cards match the recipe grid: four columns. */
#content.gotvacha-home-content .gtv-modern-blog-grid,
#content.gotvacha-blog-content .gtv-modern-blog-grid,
#content.gotvacha-blog-content .gtv-modern-blog-archive-grid,
body.blog #main .gtv-modern-blog-archive-grid{
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important;width:100%!important;height:auto!important;margin:24px 0 40px!important;
}
#content .gtv-modern-blog-card,#content .gtv-modern-blog-archive-card{position:relative!important;left:auto!important;top:auto!important;float:none!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;}
#content .gtv-modern-blog-card .blog-img img,#content .gtv-modern-blog-archive-card__image img{height:210px!important;object-fit:cover!important;}
/* Related recipes use full responsive images and stay crisp. */
body.single-recipe .gtv-related-recipes-grid .th-recipe img{width:100%!important;height:100%!important;object-fit:cover!important;image-rendering:auto!important;filter:none!important;transform:translateZ(0);}
@media (min-width:1100px){body.single-recipe .gtv-related-recipes-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
/* Ads remain full width and visible. */
.gtv-ad-slot{display:block!important;clear:both!important;width:100%!important;max-width:100%!important;min-height:90px!important;overflow:visible!important;text-align:center!important;}
.gtv-ad-slot .adsbygoogle{display:block!important;width:100%!important;}
@media (max-width:1399px) and (min-width:1000px){
#content.gotvacha-wide-content #main .gtv-modern-recipe-index-grid,#content.gotvacha-wide-content #main .gtv-modern-recipe-archive-grid,#content.gotvacha-wide-content #main .recipe-content{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
#content.gotvacha-home-content .gtv-modern-blog-grid,#content.gotvacha-blog-content .gtv-modern-blog-grid,#content.gotvacha-blog-content .gtv-modern-blog-archive-grid,body.blog #main .gtv-modern-blog-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:999px){
#content.gotvacha-with-sidebar>#main-sidebar-container.gotvacha-layout-grid{display:block!important;}
#content.gotvacha-with-sidebar .gotvacha-modern-sidebar{display:block!important;width:100%!important;max-width:none!important;margin-top:32px!important;}
#content.gotvacha-with-sidebar .gotvacha-modern-sidebar #sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;width:100%!important;}
#content.gotvacha-wide-content #main .gtv-modern-recipe-index-grid,#content.gotvacha-wide-content #main .gtv-modern-recipe-archive-grid,#content.gotvacha-wide-content #main .recipe-content,
#content.gotvacha-home-content .gtv-modern-blog-grid,#content.gotvacha-blog-content .gtv-modern-blog-grid,#content.gotvacha-blog-content .gtv-modern-blog-archive-grid,body.blog #main .gtv-modern-blog-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:620px){
#content.gotvacha-with-sidebar .gotvacha-modern-sidebar #sidebar{display:block!important;}
#content.gotvacha-wide-content #main .gtv-modern-recipe-index-grid,#content.gotvacha-wide-content #main .gtv-modern-recipe-archive-grid,#content.gotvacha-wide-content #main .recipe-content,
#content.gotvacha-home-content .gtv-modern-blog-grid,#content.gotvacha-blog-content .gtv-modern-blog-grid,#content.gotvacha-blog-content .gtv-modern-blog-archive-grid,body.blog #main .gtv-modern-blog-archive-grid{grid-template-columns:1fr!important;gap:20px!important;}
#content.gotvacha-wide-content #main .gtv-modern-recipe-card .th-recipe{height:auto!important;aspect-ratio:4/3!important;}
}
/* =========================================================
Gotvacha v9 — deterministic grids, menu buttons, single recipe
========================================================= */
/* Desktop navigation as theme-colour buttons. */
@media (min-width: 768px) {
#navigation {
padding: 12px 0 !important;
border-top: 1px solid #eadfce !important;
border-bottom: 1px solid #dcc6a8 !important;
background: linear-gradient(180deg,#fffaf4 0%,#f8efe4 100%) !important;
box-shadow: 0 5px 18px rgba(72,47,22,.06) !important;
}
#navigation > .col-full,
#navigation .menus {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
#navigation ul.nav {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 8px !important;
width: auto !important;
margin: 0 !important;
}
#navigation ul.nav > li {
float: none !important;
display: block !important;
margin: 0 !important;
border: 0 !important;
}
#navigation ul.nav > li > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
padding: 0 16px !important;
border: 1px solid #d9bd96 !important;
border-radius: 10px !important;
background: #bf9764 !important;
color: #fff !important;
font-size: 13px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
letter-spacing: .01em !important;
text-transform: uppercase !important;
text-shadow: 0 1px 1px rgba(0,0,0,.12) !important;
box-shadow: 0 5px 12px rgba(116,75,31,.12) !important;
transition: transform .15s ease,background .15s ease,box-shadow .15s ease !important;
}
#navigation ul.nav > li > a:hover,
#navigation ul.nav > li:hover > a,
#navigation ul.nav > li.current-menu-item > a,
#navigation ul.nav > li.current-menu-ancestor > a,
#navigation ul.nav > li.current_page_item > a,
#navigation ul.nav > li.current-cat > a {
transform: translateY(-1px) !important;
border-color: #8f5a28 !important;
background: #8f5a28 !important;
color: #fff !important;
box-shadow: 0 7px 16px rgba(96,54,20,.20) !important;
}
#navigation .df-ajax-search {
float: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
margin: 0 0 0 4px !important;
padding: 0 !important;
border: 1px solid #8f5a28 !important;
border-radius: 10px !important;
background: #8f5a28 !important;
color: #fff !important;
box-shadow: 0 5px 12px rgba(96,54,20,.18) !important;
}
}
/* Absolutely neutralise legacy Isotope/Masonry and hidden helper nodes. */
#main .gtv-modern-recipe-index-grid,
#main .gtv-modern-recipe-archive-grid,
#main .gtv-modern-blog-grid,
#main .gtv-modern-blog-archive-grid {
position: static !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
#main .gtv-modern-recipe-index-grid > .gtv-modern-recipe-card,
#main .gtv-modern-recipe-archive-grid > .gtv-modern-recipe-card,
#main .gtv-modern-blog-grid > .gtv-modern-blog-card,
#main .gtv-modern-blog-archive-grid > .gtv-modern-blog-archive-card {
position: static !important;
inset: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
translate: none !important;
transform: none !important;
visibility: visible !important;
}
/* Old clearfix/filter/ad helper nodes must not consume a grid cell. */
#main .gtv-modern-recipe-index-grid > .fix,
#main .gtv-modern-recipe-archive-grid > .fix,
#main .gtv-modern-recipe-index-grid > .clear,
#main .gtv-modern-recipe-archive-grid > .clear,
#main .gtv-modern-recipe-index-grid > br,
#main .gtv-modern-recipe-archive-grid > br,
#main .gtv-modern-blog-grid > .fix,
#main .gtv-modern-blog-archive-grid > .fix,
#main .gtv-modern-blog-grid > .clear,
#main .gtv-modern-blog-archive-grid > .clear,
#main .gtv-modern-blog-grid > br,
#main .gtv-modern-blog-archive-grid > br {
display: none !important;
}
#main .gtv-modern-recipe-index-grid > .gtv-ad-slot,
#main .gtv-modern-recipe-archive-grid > .gtv-ad-slot,
#main .gtv-modern-blog-grid > .gtv-ad-slot,
#main .gtv-modern-blog-archive-grid > .gtv-ad-slot {
grid-column: 1 / -1 !important;
width: 100% !important;
}
/* Single recipe: clean visual hierarchy and a proper hero image. */
body.single-recipe #content.gotvacha-single-recipe-content {
padding-top: 28px !important;
}
body.single-recipe #main.single-recipe {
box-sizing: border-box !important;
padding: 26px !important;
border: 1px solid #eadfce !important;
border-radius: 20px !important;
background: #fff !important;
box-shadow: 0 12px 34px rgba(69,45,20,.08) !important;
overflow: hidden !important;
}
body.single-recipe #main.single-recipe .single-img-box,
body.single-recipe #main.single-recipe .single-img-box.photo,
body.single-recipe #main.single-recipe section.slider {
position: relative !important;
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
margin: 0 0 24px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 18px !important;
background: #f2e8da !important;
overflow: hidden !important;
box-shadow: 0 10px 26px rgba(61,39,17,.10) !important;
}
body.single-recipe #main.single-recipe .single-img-box img,
body.single-recipe #main.single-recipe .single-img-box.photo img,
body.single-recipe #main.single-recipe section.slider img,
body.single-recipe #main.single-recipe .featured-slider img {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
max-height: 720px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
object-fit: cover !important;
object-position: center !important;
image-rendering: auto !important;
}
body.single-recipe #main.single-recipe .gotvacha-recipe-title-header {
margin: 0 0 22px !important;
padding: 0 0 18px !important;
}
body.single-recipe #main.single-recipe .gotvacha-recipe-title-header h1.title.fn {
font-size: clamp(30px,3vw,46px) !important;
line-height: 1.12 !important;
}
body.single-recipe #main.single-recipe .content-left-first,
body.single-recipe #main.single-recipe .content-right-first,
body.single-recipe #main.single-recipe .info-right,
body.single-recipe #main.single-recipe .boxinc,
body.single-recipe #main.single-recipe .entry-content {
box-sizing: border-box !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.single-recipe #main.single-recipe .content-left-first.entry-content {
margin: 0 0 24px !important;
padding: 22px 24px !important;
border: 1px solid #eee2d2 !important;
border-radius: 16px !important;
background: #fffaf4 !important;
color: #44382f !important;
font-size: 17px !important;
line-height: 1.75 !important;
}
body.single-recipe #main.single-recipe .content-right-first.info-right {
margin: 0 0 24px !important;
padding: 18px 20px !important;
border: 1px solid #e3cfb3 !important;
border-radius: 16px !important;
background: linear-gradient(180deg,#fffaf4,#f8ecdd) !important;
}
body.single-recipe #main.single-recipe .recipe-tabs,
body.single-recipe #main.single-recipe .tabbable,
body.single-recipe #main.single-recipe .recipe-info,
body.single-recipe #main.single-recipe .cook-info {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
float: none !important;
clear: both !important;
}
body.single-recipe #main.single-recipe iframe,
body.single-recipe #main.single-recipe video {
max-width: 100% !important;
}
@media (max-width: 767px) {
body.single-recipe #main.single-recipe {
padding: 15px !important;
border-radius: 16px !important;
}
body.single-recipe #main.single-recipe .single-img-box,
body.single-recipe #main.single-recipe .single-img-box.photo,
body.single-recipe #main.single-recipe section.slider {
margin-bottom: 18px !important;
border-radius: 14px !important;
}
body.single-recipe #main.single-recipe .content-left-first.entry-content {
padding: 17px !important;
font-size: 16px !important;
}
}
/* =========================================================
Gotvacha v10 — badges, related overlay, footer, latest sections
========================================================= */
/* Category badge on recipe thumbnails. */
#main .gtv-modern-recipe-card .th-recipe{position:relative!important;}
#main .gtv-modern-recipe-card .gtv-recipe-category-badge{
position:absolute!important;right:12px!important;bottom:12px!important;z-index:6!important;
display:inline-flex!important;align-items:center!important;max-width:calc(100% - 24px)!important;
padding:6px 10px!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:999px!important;
background:rgba(143,90,40,.94)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;
line-height:1!important;letter-spacing:.025em!important;text-transform:uppercase!important;text-decoration:none!important;
box-shadow:0 5px 14px rgba(45,24,8,.26)!important;backdrop-filter:blur(5px)!important;
overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
#main .gtv-modern-recipe-card:hover .gtv-recipe-category-badge{background:#bf9764!important;color:#fff!important;}
/* Related-recipe hover information stays centred over the image. */
body.single-recipe .gtv-related-recipes-grid .th-recipe .snipit{
position:absolute!important;inset:0!important;z-index:4!important;display:flex!important;
align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;
padding:14px!important;box-sizing:border-box!important;overflow:hidden!important;
}
body.single-recipe .gtv-related-recipes-grid .recipe-info-page{
display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
gap:6px!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;text-align:center!important;
}
body.single-recipe .gtv-related-recipes-grid .recipe-info-page li{float:none!important;width:auto!important;margin:0!important;text-align:center!important;}
/* Ad after row two spans the entire recipe grid. */
.gotvacha-home-content .gtv-modern-recipe-index-grid>.gtv-ad-slot--home-after-eight,
.gotvacha-home-content .gtv-modern-recipe-index-grid>.gtv-ad-slot--recipes-inline{
grid-column:1/-1!important;margin:8px 0 12px!important;min-height:110px!important;
}
/* “Най-новото в…” homepage sections. */
.gtv-latest-sections{clear:both;width:100%;margin:46px 0 12px;}
.gtv-latest-section{margin:0 0 44px;padding:0;}
.gtv-latest-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid #e4d3bc;}
.gtv-latest-heading h2{margin:0!important;color:#3b2819!important;font-size:clamp(23px,2.1vw,32px)!important;line-height:1.18!important;}
.gtv-latest-heading h2 span{color:#9a612d!important;}
.gtv-latest-heading>a{flex:0 0 auto;color:#8f5a28!important;font-weight:800!important;text-decoration:none!important;}
.gtv-latest-heading>a:hover{text-decoration:underline!important;text-underline-offset:4px!important;}
.gtv-latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
.gtv-latest-card{margin:0!important;border:1px solid #eadfce;border-radius:16px;background:#fffaf4;overflow:hidden;box-shadow:0 9px 24px rgba(69,45,20,.07);}
.gtv-latest-image{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#eee2d3;}
.gtv-latest-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease;}
.gtv-latest-card:hover .gtv-latest-image img{transform:scale(1.035);}
.gtv-latest-badge{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(143,90,40,.94);color:#fff;font-size:10px;font-weight:800;line-height:1;text-transform:uppercase;box-shadow:0 4px 12px rgba(45,24,8,.23);}
.gtv-latest-card h3{margin:0!important;padding:14px 14px 16px!important;font-size:16px!important;line-height:1.35!important;text-align:center!important;}
.gtv-latest-card h3 a{color:#69461f!important;text-decoration:none!important;}
.gtv-latest-card h3 a:hover{text-decoration:underline!important;text-underline-offset:3px!important;}
/* Modern footer in the theme palette. */
#footer-wrap.gtv-modern-footer{clear:both;margin-top:54px!important;background:linear-gradient(135deg,#68401f 0%,#8f5a28 48%,#5c3519 100%)!important;color:#f9efe3!important;border-top:5px solid #bf9764!important;box-shadow:0 -10px 30px rgba(56,31,12,.10)!important;}
.gtv-footer-main{padding:50px 0 38px!important;}
.gtv-footer-grid{display:grid!important;grid-template-columns:1.35fr 1fr 1fr 1.2fr!important;gap:38px!important;align-items:start!important;}
.gtv-footer-brand,.gtv-footer-column{min-width:0!important;}
.gtv-footer-site-name{display:inline-block;margin:0 0 12px;color:#fff!important;font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:800;line-height:1;text-decoration:none!important;}
.gtv-footer-brand p{max-width:330px;margin:0;color:#f1dfcb!important;font-size:15px;line-height:1.7;}
.gtv-modern-footer h2,.gtv-modern-footer h3,.gtv-modern-footer .widget h3{margin:0 0 15px!important;padding:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.20)!important;color:#fff!important;font-size:17px!important;line-height:1.25!important;text-transform:none!important;}
.gtv-modern-footer ul{margin:0!important;padding:0!important;list-style:none!important;}
.gtv-modern-footer li{margin:0 0 9px!important;padding:0!important;border:0!important;}
.gtv-modern-footer a{color:#f8e7d5!important;text-decoration:none!important;transition:color .15s ease,transform .15s ease!important;}
.gtv-modern-footer a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px!important;}
.gtv-footer-widgets .widget{float:none!important;width:100%!important;margin:0 0 20px!important;color:#f1dfcb!important;}
.gtv-footer-bottom{padding:18px 0!important;background:rgba(35,18,7,.30)!important;border-top:1px solid rgba(255,255,255,.14)!important;}
.gtv-footer-bottom #footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:0!important;color:#ead5bf!important;}
.gtv-footer-bottom #copyright,.gtv-footer-bottom #credit{float:none!important;width:auto!important;margin:0!important;color:#ead5bf!important;}
.gtv-modern-footer .go-top{color:#fff!important;}
@media(max-width:1100px){.gtv-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.gtv-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){
#main .gtv-modern-recipe-card .gtv-recipe-category-badge{right:10px!important;bottom:10px!important;font-size:10px!important;}
.gtv-latest-heading{align-items:flex-start;flex-direction:column;gap:8px;}.gtv-latest-grid{grid-template-columns:1fr;gap:18px;}
.gtv-footer-main{padding:38px 0 28px!important;}.gtv-footer-grid{grid-template-columns:1fr!important;gap:28px!important;}
.gtv-footer-bottom #footer{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;}
}
/* v10.1 hotfix: category badge must never inherit theme thumbnail-link overlay rules. */
#main .gtv-modern-recipe-card .th-recipe > .gtv-recipe-category-badge,
#main .gtv-modern-recipe-card .gtv-recipe-category-badge {
position:absolute!important;
inset:auto 12px 12px auto!important;
display:inline-flex!important;
width:auto!important;
height:auto!important;
min-width:0!important;
min-height:0!important;
max-width:calc(100% - 24px)!important;
margin:0!important;
padding:6px 10px!important;
border-radius:999px!important;
transform:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:none!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
box-sizing:border-box!important;
}
/* Gotvacha v12: verified active stylesheet fixes */
/* Compact latest strip at top */
.gtv-latest-top{box-sizing:border-box!important;width:min(1540px,calc(100% - 44px))!important;margin:22px auto 26px!important;padding:18px 20px!important;border:1px solid #e3cfb5!important;border-radius:18px!important;background:#fff8ef!important;box-shadow:0 10px 28px rgba(75,45,20,.08)!important}
.gtv-latest-top-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin:0 0 14px!important}
.gtv-latest-kicker{display:block!important;margin:0 0 3px!important;color:#a5652d!important;font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.gtv-latest-top-heading h2{margin:0!important;color:#3d2711!important;font-size:25px!important;line-height:1.15!important}
.gtv-latest-top-heading>a{color:#8a5728!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important}
.gtv-latest-top-grid,.gtv-latest-compact-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.gtv-latest-top-card,.gtv-latest-compact-card{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;min-height:88px!important;overflow:hidden!important;border:1px solid #e3cfb5!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 18px rgba(75,45,20,.07)!important}
.gtv-latest-top-image,.gtv-latest-compact-image{display:block!important;width:88px!important;height:100%!important;min-height:88px!important;overflow:hidden!important}
.gtv-latest-top-image img,.gtv-latest-compact-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.gtv-latest-top-copy,.gtv-latest-compact-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;padding:10px 12px!important}
.gtv-latest-compact-category{display:block!important;margin:0 0 4px!important;color:#a5652d!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.gtv-latest-top-copy h3{margin:0 0 5px!important;font-size:14px!important;line-height:1.28!important}
.gtv-latest-top-copy h3 a{color:#4b2d15!important;text-decoration:none!important}
.gtv-latest-top-more{color:#a36c34!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important}
/* Restore native footer structure; only colour and polish it */
#footer-wrap{clear:both!important;margin-top:48px!important;border-top:5px solid #d3a66d!important;background:#8b5628!important;color:#fff3e5!important}
#footer-wrap #footer-wrap-bottom{background:rgba(75,40,15,.22)!important}
#footer-wrap #footer,#footer-wrap .col-full{background:transparent!important;color:#fff3e5!important}
#footer-wrap a{color:#fff8ef!important}
#footer-wrap .widget h3,#footer-wrap h3{color:#fff!important;border-color:rgba(255,255,255,.22)!important}
#footer-wrap #copyright,#footer-wrap #credit{color:#f5dfc7!important}
/* Blog archive and single post: warm theme surface and proper image/card treatment */
body.blog #content,.gotvacha-blog-content,.gotvacha-blog-single-content{background:#f4e5d2!important;border:1px solid #dfc5a6!important;border-radius:22px!important;padding:22px!important;box-sizing:border-box!important}
.gotvacha-blog-content #main,.gotvacha-blog-single-content #main{background:#fff8ef!important;border:1px solid #e1c9ab!important;border-radius:20px!important;padding:24px!important;box-shadow:0 10px 28px rgba(92,54,22,.08)!important}
.gotvacha-blog-content article,.gotvacha-index-content article,.latest-blog article,.latest-blog .post,.gtv-modern-blog-card,.gtv-modern-blog-archive-card{overflow:hidden!important;border:1px solid #dcc0a0!important;border-radius:17px!important;background:#fff3e3!important;box-shadow:0 9px 24px rgba(69,45,20,.09)!important}
.gotvacha-blog-content article img,.gotvacha-index-content article img,.latest-blog article img,.latest-blog .post img,.gotvacha-blog-single-content article img,.gotvacha-blog-single-content .post img{display:block!important;width:100%!important;height:auto!important;max-height:560px!important;object-fit:cover!important;border-radius:14px!important;margin:0 0 22px!important}
.gotvacha-blog-single-content .post,.gotvacha-blog-single-content article{background:#fff8ef!important}
.gotvacha-blog-single-content .entry,.gotvacha-blog-single-content .post-content{font-size:17px!important;line-height:1.8!important;color:#5b4938!important}
.gotvacha-blog-single-content h1,.gotvacha-blog-single-content .title{color:#4d321a!important;line-height:1.2!important}
@media(max-width:1200px){.gtv-latest-top-grid,.gtv-latest-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){.gtv-latest-top{width:calc(100% - 24px)!important;padding:15px!important}.gtv-latest-top-heading{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.gtv-latest-top-grid,.gtv-latest-compact-grid{grid-template-columns:1fr!important}.gotvacha-blog-content,.gotvacha-blog-single-content{padding:12px!important}.gotvacha-blog-content #main,.gotvacha-blog-single-content #main{padding:15px!important}}
/* =========================================================
Gotvacha v13 — final sidebar spacing and mobile navigation
========================================================= */
/* Keep a clearly visible gutter between article content and sidebar. */
@media (min-width:1000px) {
#content.gotvacha-with-sidebar > #main-sidebar-container.gotvacha-layout-grid {
column-gap: 44px !important;
}
#content.gotvacha-with-sidebar .gotvacha-modern-sidebar {
box-sizing: border-box !important;
padding-left: 8px !important;
}
body.blog #content.gotvacha-with-sidebar #main,
body.single-post #content.gotvacha-with-sidebar #main,
.gotvacha-blog-content #main,
.gotvacha-blog-single-content #main {
min-width: 0 !important;
}
}
/* Mobile menu trigger — Bulgarian label and theme-button styling. */
@media (max-width:767px) {
#header .nav-toggle {
display: flex !important;
align-items: center !important;
justify-content: center !important;
float: none !important;
clear: both !important;
width: calc(100% - 24px) !important;
max-width: 520px !important;
min-height: 46px !important;
margin: 18px auto 10px !important;
padding: 0 !important;
border: 1px solid #8f5a28 !important;
border-radius: 12px !important;
background: linear-gradient(180deg,#bf9764 0%,#9a642f 100%) !important;
color: #fff !important;
box-shadow: 0 7px 18px rgba(96,54,20,.22) !important;
font-size: 0 !important;
line-height: 1 !important;
text-align: center !important;
}
#header .nav-toggle:before {
display: inline-block !important;
margin-right: 9px !important;
color: #fff !important;
font-size: 18px !important;
line-height: 1 !important;
}
#header .nav-toggle a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 0 18px !important;
color: #fff !important;
font-family: inherit !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: .02em !important;
text-decoration: none !important;
text-transform: uppercase !important;
}
#header .nav-toggle:hover,
#header .nav-toggle:focus-within {
background: linear-gradient(180deg,#9a642f 0%,#7f4b20 100%) !important;
}
/* Opened mobile navigation matches the desktop colour language. */
#navigation {
box-sizing: border-box !important;
width: calc(100% - 24px) !important;
max-width: 520px !important;
margin: 0 auto 18px !important;
padding: 12px !important;
border: 1px solid #dcc09b !important;
border-radius: 14px !important;
background: #f8ecdc !important;
box-shadow: 0 10px 26px rgba(76,47,20,.14) !important;
}
#navigation > .col-full,
#navigation .menus {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
#navigation ul.nav,
#navigation #main-nav {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
gap: 8px !important;
}
#navigation ul.nav > li,
#navigation #main-nav > li {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
border: 0 !important;
}
#navigation ul.nav > li > a,
#navigation #main-nav > li > a {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 44px !important;
padding: 10px 14px !important;
border: 1px solid #d4b184 !important;
border-radius: 10px !important;
background: #bf9764 !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-decoration: none !important;
text-transform: uppercase !important;
text-shadow: 0 1px 1px rgba(0,0,0,.12) !important;
box-shadow: 0 4px 10px rgba(96,54,20,.12) !important;
}
#navigation ul.nav > li > a:hover,
#navigation ul.nav > li.current-menu-item > a,
#navigation ul.nav > li.current-menu-ancestor > a,
#navigation #main-nav > li > a:hover,
#navigation #main-nav > li.current-menu-item > a {
border-color: #8f5a28 !important;
background: #8f5a28 !important;
color: #fff !important;
}
#navigation .gotvacha-nav-search,
#navigation .df-ajax-search {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
float: none !important;
width: 100% !important;
height: 44px !important;
margin: 8px 0 0 !important;
border: 1px solid #8f5a28 !important;
border-radius: 10px !important;
background: #8f5a28 !important;
color: #fff !important;
}
#navigation .sub-nav,
#navigation ul ul {
box-sizing: border-box !important;
position: static !important;
width: 100% !important;
margin: 7px 0 0 !important;
padding: 7px !important;
border: 0 !important;
border-radius: 9px !important;
background: rgba(255,255,255,.32) !important;
box-shadow: none !important;
}
#navigation .sub-nav li a,
#navigation ul ul li a {
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
padding: 9px 11px !important;
border-radius: 7px !important;
color: #69401f !important;
background: #fff8ef !important;
font-weight: 600 !important;
}
}
@media (max-width:999px) {
#content.gotvacha-with-sidebar .gotvacha-modern-sidebar {
padding-left: 0 !important;
}
}
/* =========================================================
Gotvacha v14 — polished single blog article and sidebar
========================================================= */
body.single-post #content.gotvacha-blog-single-content {
padding: 26px !important;
}
@media (min-width: 1100px) {
body.single-post #content.gotvacha-with-sidebar > #main-sidebar-container.gotvacha-layout-grid {
grid-template-columns: minmax(0, 1fr) 320px !important;
column-gap: 52px !important;
align-items: start !important;
}
body.single-post #main.gotvacha-wide-main {
max-width: 940px !important;
justify-self: stretch !important;
}
body.single-post .gotvacha-modern-sidebar {
padding-left: 0 !important;
margin-left: 0 !important;
}
}
body.single-post #main > article.post,
body.single-post #main > .post {
box-sizing: border-box !important;
margin: 0 !important;
padding: 28px !important;
border: 1px solid #dfc5a6 !important;
border-radius: 20px !important;
background: #fffaf3 !important;
box-shadow: 0 12px 32px rgba(75,45,20,.09) !important;
overflow: hidden !important;
}
body.single-post .gtv-blog-single-hero {
width: 100% !important;
max-width: 820px !important;
margin: 0 auto 26px !important;
padding: 0 !important;
overflow: hidden !important;
border-radius: 18px !important;
background: #ead8c1 !important;
box-shadow: 0 10px 28px rgba(69,45,20,.10) !important;
}
body.single-post .gtv-blog-single-hero__image {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
max-height: none !important;
margin: 0 !important;
border-radius: 0 !important;
object-fit: contain !important;
image-rendering: auto !important;
filter: none !important;
}
body.single-post #main article.post > img,
body.single-post #main article.post .entry img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: none !important;
margin-left: auto !important;
margin-right: auto !important;
object-fit: contain !important;
}
body.single-post #main .title {
margin-top: 0 !important;
margin-bottom: 12px !important;
font-size: clamp(30px,3vw,44px) !important;
}
body.single-post #main .post-meta {
margin-bottom: 24px !important;
padding-bottom: 16px !important;
border-bottom: 1px solid #ead7bf !important;
}
body.single-post #main .entry {
font-size: 17px !important;
line-height: 1.85 !important;
}
body.single-post #main .entry p {
margin-bottom: 1.15em !important;
}
body.single-post #sidebar.gotvacha-primary-sidebar,
body.single-post .gotvacha-modern-sidebar #sidebar {
display: block !important;
width: 100% !important;
}
body.single-post .gotvacha-modern-sidebar .widget {
margin: 0 0 26px !important;
padding: 20px !important;
border: 1px solid #dfc6a8 !important;
border-radius: 18px !important;
background: #fffaf3 !important;
box-shadow: 0 10px 26px rgba(75,45,20,.08) !important;
overflow: hidden !important;
}
body.single-post .gotvacha-modern-sidebar .widget:first-child {
margin-top: 0 !important;
}
body.single-post .gotvacha-modern-sidebar .widget h3,
body.single-post .gotvacha-modern-sidebar .widget .widget-title {
margin: 0 0 16px !important;
padding: 0 0 11px !important;
border-bottom: 2px solid #c18b50 !important;
color: #4c2e16 !important;
}
body.single-post .gotvacha-modern-sidebar .adsbygoogle,
body.single-post .gotvacha-modern-sidebar iframe {
max-width: 100% !important;
}
@media (max-width: 1099px) {
body.single-post #content.gotvacha-blog-single-content { padding: 18px !important; }
body.single-post #main > article.post,
body.single-post #main > .post { padding: 22px !important; }
body.single-post .gotvacha-modern-sidebar { margin-top: 34px !important; }
}
@media (max-width: 620px) {
body.single-post #content.gotvacha-blog-single-content { padding: 10px !important; }
body.single-post #main > article.post,
body.single-post #main > .post { padding: 15px !important; border-radius: 16px !important; }
body.single-post .gtv-blog-single-hero { margin-bottom: 20px !important; border-radius: 14px !important; }
body.single-post #main .title { font-size: 28px !important; }
body.single-post #main .entry { font-size: 16px !important; line-height: 1.75 !important; }
}
/* =========================================================
Gotvacha v14.1 — structural single-blog sidebar fix
========================================================= */
@media (min-width: 1100px) {
body.single-post #content.gotvacha-blog-single-content > #main-sidebar-container.gotvacha-layout-grid {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 320px !important;
gap: 52px !important;
align-items: start !important;
}
body.single-post #content.gotvacha-blog-single-content #main.gotvacha-wide-main {
min-width: 0 !important;
width: 100% !important;
max-width: none !important;
}
body.single-post #content.gotvacha-blog-single-content .gotvacha-modern-sidebar {
display: block !important;
box-sizing: border-box !important;
width: 320px !important;
min-width: 320px !important;
max-width: 320px !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-post #content.gotvacha-blog-single-content .gotvacha-modern-sidebar > #sidebar,
body.single-post #content.gotvacha-blog-single-content .gotvacha-modern-sidebar #sidebar {
display: block !important;
float: none !important;
clear: none !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-post #content.gotvacha-blog-single-content .gotvacha-modern-sidebar .widget {
width: 100% !important;
max-width: 100% !important;
}
}
@media (max-width: 1099px) {
body.single-post #content.gotvacha-blog-single-content .gotvacha-modern-sidebar {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 34px 0 0 !important;
}
body.single-post #content.gotvacha-blog-single-content .gotvacha-modern-sidebar #sidebar {
float: none !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
}
/* =========================================================
Gotvacha v14.2 — intrinsic blog images + balanced mobile home
========================================================= */
/* Never upscale images inserted inside ordinary blog articles. */
body.single-post #main .entry figure,
body.single-post #main .entry picture,
body.single-post #main .entry .wp-caption,
body.single-post #main .entry .wp-block-image {
box-sizing: border-box !important;
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.single-post #main .entry img:not(.emoji):not(.avatar),
body.single-post #main .entry-content img:not(.emoji):not(.avatar),
body.single-post #main .wp-block-image img,
body.single-post #main .wp-caption img,
body.single-post #main picture img {
display: block !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
margin-left: auto !important;
margin-right: auto !important;
object-fit: contain !important;
object-position: center !important;
image-rendering: auto !important;
transform: none !important;
}
body.single-post #main .entry .alignleft {
float: left !important;
margin: 6px 24px 16px 0 !important;
}
body.single-post #main .entry .alignright {
float: right !important;
margin: 6px 0 16px 24px !important;
}
body.single-post #main .entry .aligncenter {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Homepage mobile: equal gutters and no right-edge collision. */
@media (max-width: 620px) {
body.home #content.gotvacha-home-content,
body.page-template-template-home #content.gotvacha-home-content {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 14px !important;
padding-right: 14px !important;
overflow-x: clip !important;
}
body.home #content.gotvacha-home-content > *,
body.page-template-template-home #content.gotvacha-home-content > *,
body.home #content.gotvacha-home-content #main-sidebar-container,
body.page-template-template-home #content.gotvacha-home-content #main-sidebar-container,
body.home #content.gotvacha-home-content #main,
body.page-template-template-home #content.gotvacha-home-content #main {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.home #main .gtv-modern-recipe-index-grid,
body.page-template-template-home #main .gtv-modern-recipe-index-grid,
body.home #main .recipe-content,
body.page-template-template-home #main .recipe-content,
body.home #main .gtv-modern-blog-grid,
body.page-template-template-home #main .gtv-modern-blog-grid {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.home #main .gtv-modern-recipe-card,
body.page-template-template-home #main .gtv-modern-recipe-card,
body.home #main .recipe-grid-item,
body.page-template-template-home #main .recipe-grid-item,
body.home #main .gtv-modern-blog-card,
body.page-template-template-home #main .gtv-modern-blog-card {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.home #main .gtv-modern-recipe-card img,
body.page-template-template-home #main .gtv-modern-recipe-card img,
body.home #main .recipe-grid-item img,
body.page-template-template-home #main .recipe-grid-item img,
body.home #main .gtv-modern-blog-card img,
body.page-template-template-home #main .gtv-modern-blog-card img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* =========================================================
Gotvacha v14.3 — mobile homepage images without cropping
========================================================= */
@media (max-width: 640px) {
body.home #content.gotvacha-home-content #main .gtv-modern-recipe-card .th-recipe,
body.page-template-template-home #content.gotvacha-home-content #main .gtv-modern-recipe-card .th-recipe {
height: auto !important;
min-height: 0 !important;
aspect-ratio: auto !important;
overflow: hidden !important;
background: transparent !important;
}
body.home #content.gotvacha-home-content #main .gtv-modern-recipe-card .th-recipe > img,
body.page-template-template-home #content.gotvacha-home-content #main .gtv-modern-recipe-card .th-recipe > img {
position: relative !important;
inset: auto !important;
display: block !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center !important;
transform: none !important;
}
}
/* =========================================================
Gotvacha v15 — final visual polish
Spacing, hover states, mobile refinement, footer and blog.
========================================================= */
:root {
--gtv-accent: #bf9764;
--gtv-accent-dark: #8f5a28;
--gtv-ink: #432a14;
--gtv-surface: #fffaf4;
--gtv-surface-warm: #f7ead9;
--gtv-border: #e2cdb1;
--gtv-shadow: 0 10px 28px rgba(68, 40, 17, .09);
}
/* Consistent vertical rhythm without changing the working page structure. */
#content.gotvacha-wide-content {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
#content.gotvacha-wide-content #main > *:first-child { margin-top: 0 !important; }
#content.gotvacha-wide-content #main > *:last-child { margin-bottom: 0 !important; }
.gtv-ad-slot { margin: 28px 0 !important; }
.gotvacha-modern-sidebar .gtv-ad-slot { margin: 0 0 24px !important; }
/* Cards: restrained motion and a clear keyboard focus state. */
.gtv-modern-recipe-card,
.gtv-modern-blog-card,
.gtv-modern-blog-archive-card,
#main .recipe-content .recipe-grid-item {
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
will-change: transform;
}
.gtv-modern-recipe-card:hover,
.gtv-modern-recipe-card:focus-within,
.gtv-modern-blog-card:hover,
.gtv-modern-blog-card:focus-within,
.gtv-modern-blog-archive-card:hover,
.gtv-modern-blog-archive-card:focus-within,
#main .recipe-content .recipe-grid-item:hover,
#main .recipe-content .recipe-grid-item:focus-within {
transform: translateY(-4px) !important;
border-color: #d4b58c !important;
box-shadow: 0 16px 36px rgba(68, 40, 17, .14) !important;
}
.gtv-modern-recipe-card a:focus-visible,
.gtv-modern-blog-card a:focus-visible,
.gtv-modern-blog-archive-card a:focus-visible,
#navigation a:focus-visible {
outline: 3px solid rgba(143, 90, 40, .42) !important;
outline-offset: 3px !important;
}
/* Homepage and archive section headings. */
.gotvacha-home-content h2,
.gotvacha-blog-content h1,
.gotvacha-blog-content h2,
#main > .recipe-title h1 {
color: var(--gtv-ink) !important;
letter-spacing: -.015em !important;
}
/* Blog surfaces and cards — visibly integrated into the theme. */
.gotvacha-blog-content #main,
.gotvacha-index-content #main,
body.blog #main {
box-sizing: border-box !important;
padding: 24px !important;
border: 1px solid var(--gtv-border) !important;
border-radius: 22px !important;
background: var(--gtv-surface-warm) !important;
box-shadow: var(--gtv-shadow) !important;
}
.gtv-modern-blog-card,
.gtv-modern-blog-archive-card,
.latest-blog article,
.latest-blog .post,
body.blog article.post {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
overflow: hidden !important;
border: 1px solid #ddc09c !important;
border-radius: 18px !important;
background: #fff5e8 !important;
}
.gtv-modern-blog-card .blog-img,
.gtv-modern-blog-archive-card__image,
.latest-blog .blog-img {
position: relative !important;
display: block !important;
width: 100% !important;
aspect-ratio: 3 / 2 !important;
overflow: hidden !important;
background: #ead8c0 !important;
}
.gtv-modern-blog-card .blog-img img,
.gtv-modern-blog-archive-card__image img,
.latest-blog .blog-img img {
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
border-radius: 0 !important;
object-fit: cover !important;
object-position: center !important;
transition: transform .28s ease !important;
}
.gtv-modern-blog-card:hover .blog-img img,
.gtv-modern-blog-archive-card:hover .gtv-modern-blog-archive-card__image img,
.latest-blog article:hover .blog-img img { transform: scale(1.035) !important; }
.gtv-modern-blog-card .entry,
.gtv-modern-blog-archive-card__body,
.latest-blog article .entry,
.latest-blog .post .entry {
flex: 1 1 auto !important;
padding: 18px !important;
background: #fff5e8 !important;
}
.gtv-modern-blog-card h3,
.gtv-modern-blog-archive-card h2,
.latest-blog h3 { margin-top: 0 !important; line-height: 1.35 !important; }
/* Native footer retained; only modernised with the theme palette. */
#footer-wrap {
margin-top: 56px !important;
border-top: 5px solid var(--gtv-accent) !important;
background: linear-gradient(135deg, #70421f 0%, #8f5829 55%, #633819 100%) !important;
box-shadow: 0 -10px 30px rgba(55, 31, 13, .10) !important;
}
#footer-wrap #footer-wrap-bottom {
background: rgba(52, 27, 10, .22) !important;
border-top: 1px solid rgba(255,255,255,.14) !important;
}
#footer-wrap #footer {
box-sizing: border-box !important;
min-height: 76px !important;
padding: 24px 0 !important;
}
#footer-wrap #copyright,
#footer-wrap #credit {
margin: 0 !important;
color: #f2ddc7 !important;
line-height: 1.6 !important;
}
#footer-wrap a {
color: #fff7ed !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px !important;
}
#footer-wrap a:hover,
#footer-wrap a:focus { color: #fff !important; text-decoration: underline !important; }
.go-top {
border-radius: 12px !important;
background: var(--gtv-accent-dark) !important;
box-shadow: 0 8px 20px rgba(62,35,14,.22) !important;
}
/* Sidebar cards: consistent spacing and gentler typography. */
.gotvacha-modern-sidebar .widget {
margin-bottom: 24px !important;
border-color: var(--gtv-border) !important;
border-radius: 18px !important;
background: var(--gtv-surface) !important;
box-shadow: 0 10px 26px rgba(68,40,17,.075) !important;
}
.gotvacha-modern-sidebar .widget h3,
.gotvacha-modern-sidebar .widget .widget-title {
margin: 0 0 15px !important;
padding: 0 0 11px !important;
border-bottom: 2px solid var(--gtv-accent) !important;
color: var(--gtv-ink) !important;
line-height: 1.3 !important;
}
.gotvacha-modern-sidebar .widget li { margin-bottom: 8px !important; line-height: 1.45 !important; }
/* Single recipe: finish the visual hierarchy without touching recipe data. */
body.single-recipe #main.single-recipe {
scroll-margin-top: 24px !important;
}
body.single-recipe #main.single-recipe .recipe-title,
body.single-recipe #main.single-recipe .recipe-description,
body.single-recipe #main.single-recipe .boxinc,
body.single-recipe #main.single-recipe .entry-content {
border-radius: 18px !important;
}
body.single-recipe #main.single-recipe .recipe-description {
border-left: 5px solid var(--gtv-accent) !important;
}
body.single-recipe #main.single-recipe img {
image-rendering: auto !important;
}
/* Desktop navigation polish: calmer active state and submenus. */
@media (min-width: 768px) {
#navigation ul.nav > li > a { min-width: 88px !important; }
#navigation ul.nav ul {
padding: 8px !important;
border: 1px solid #d8bc98 !important;
border-radius: 12px !important;
background: #fffaf4 !important;
box-shadow: 0 14px 30px rgba(63,37,15,.16) !important;
}
#navigation ul.nav ul li a {
padding: 10px 13px !important;
border-radius: 8px !important;
color: var(--gtv-ink) !important;
}
#navigation ul.nav ul li a:hover { background: #f0dfc9 !important; color: #5b3518 !important; }
}
/* Tablet/mobile finish: balanced gutters, touch targets and no horizontal overflow. */
@media (max-width: 999px) {
#content.gotvacha-wide-content { padding-top: 20px !important; padding-bottom: 20px !important; }
.gotvacha-modern-sidebar { margin-top: 30px !important; }
}
@media (max-width: 767px) {
html, body, #wrapper { max-width: 100% !important; overflow-x: hidden !important; }
body { padding-left: 12px !important; padding-right: 12px !important; }
#content.gotvacha-wide-content {
width: 100% !important;
max-width: 100% !important;
padding: 16px 0 20px !important;
}
.gtv-latest-top {
width: 100% !important;
margin: 12px 0 20px !important;
padding: 14px !important;
}
.gtv-latest-compact-card { min-height: 92px !important; }
.gtv-latest-compact-image { min-height: 92px !important; }
.gotvacha-blog-content #main,
.gotvacha-index-content #main,
body.blog #main { padding: 14px !important; border-radius: 17px !important; }
.gtv-modern-blog-card .entry,
.gtv-modern-blog-archive-card__body,
.latest-blog article .entry,
.latest-blog .post .entry { padding: 15px !important; }
#footer-wrap { margin-top: 38px !important; }
#footer-wrap #footer { padding: 22px 4px !important; text-align: center !important; }
#footer-wrap #copyright,
#footer-wrap #credit { float: none !important; width: 100% !important; text-align: center !important; }
#footer-wrap #credit { margin-top: 7px !important; }
.go-top { right: 14px !important; bottom: 14px !important; }
}
@media (hover: none) {
.gtv-modern-recipe-card:hover,
.gtv-modern-blog-card:hover,
.gtv-modern-blog-archive-card:hover,
#main .recipe-content .recipe-grid-item:hover { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
/* =========================================================
Gotvacha v16 — blog spacing, related articles and navigation
========================================================= */
/* Keep the Blog landing/archive visibly separate from the main menu. */
body.blog #content.gotvacha-blog-content,
body.page-template-template-blog-php #content.gotvacha-blog-content,
body.page-template-template-blog-elegant-php #content.gotvacha-blog-content,
#content.gotvacha-index-content.gotvacha-blog-content {
margin-top: 30px !important;
}
/* Automatically selected related blog articles. */
body.single-post .gtv-related-blog {
box-sizing: border-box !important;
clear: both !important;
margin: 30px 0 0 !important;
padding: 24px !important;
border: 1px solid #dfc5a6 !important;
border-radius: 20px !important;
background: #f7ead9 !important;
box-shadow: 0 10px 28px rgba(68,40,17,.08) !important;
}
body.single-post .gtv-related-blog__heading {
margin: 0 0 18px !important;
}
body.single-post .gtv-related-blog__heading > span {
display: block !important;
margin: 0 0 4px !important;
color: #a36a31 !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
body.single-post .gtv-related-blog__heading h2 {
margin: 0 !important;
color: #432a14 !important;
font-size: 25px !important;
line-height: 1.2 !important;
}
body.single-post .gtv-related-blog__grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
}
body.single-post .gtv-related-blog__card {
min-width: 0 !important;
overflow: hidden !important;
border: 1px solid #ddc09c !important;
border-radius: 17px !important;
background: #fffaf3 !important;
box-shadow: 0 8px 22px rgba(68,40,17,.08) !important;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
body.single-post .gtv-related-blog__card:hover,
body.single-post .gtv-related-blog__card:focus-within {
transform: translateY(-3px) !important;
border-color: #cda878 !important;
box-shadow: 0 14px 30px rgba(68,40,17,.13) !important;
}
body.single-post .gtv-related-blog__image {
display: block !important;
width: 100% !important;
aspect-ratio: 16 / 10 !important;
overflow: hidden !important;
background: #ead8c1 !important;
}
body.single-post .gtv-related-blog__image img {
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
border-radius: 0 !important;
object-fit: cover !important;
transition: transform .25s ease !important;
}
body.single-post .gtv-related-blog__card:hover .gtv-related-blog__image img {
transform: scale(1.035) !important;
}
body.single-post .gtv-related-blog__placeholder {
display: grid !important;
width: 100% !important;
height: 100% !important;
place-items: center !important;
color: #9c6a36 !important;
font-size: 28px !important;
}
body.single-post .gtv-related-blog__body {
padding: 15px 16px 17px !important;
}
body.single-post .gtv-related-blog__category {
display: block !important;
margin: 0 0 6px !important;
color: #a2672e !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
}
body.single-post .gtv-related-blog__body h3 {
margin: 0 0 10px !important;
font-size: 16px !important;
line-height: 1.38 !important;
}
body.single-post .gtv-related-blog__body h3 a {
color: #4b3018 !important;
text-decoration: none !important;
}
body.single-post .gtv-related-blog__body h3 a:hover,
body.single-post .gtv-related-blog__body h3 a:focus {
color: #8f5a28 !important;
}
body.single-post .gtv-related-blog__date {
color: #876f58 !important;
font-size: 12px !important;
}
/* Previous/next blog posts as clear, modern cards. */
body.single-post .post-entries.gtv-post-navigation {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px !important;
clear: both !important;
width: 100% !important;
margin: 24px 0 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.single-post .post-entries.gtv-post-navigation--single {
grid-template-columns: minmax(0, 1fr) !important;
}
body.single-post .gtv-post-navigation__item,
body.single-post .post-entries .nav-prev,
body.single-post .post-entries .nav-next {
float: none !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
}
body.single-post .gtv-post-navigation__card {
box-sizing: border-box !important;
display: flex !important;
align-items: stretch !important;
min-height: 112px !important;
overflow: hidden !important;
border: 1px solid #dcbf9d !important;
border-radius: 17px !important;
background: #fffaf3 !important;
box-shadow: 0 9px 24px rgba(68,40,17,.09) !important;
color: #432a14 !important;
text-decoration: none !important;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
body.single-post .gtv-post-navigation__card:hover,
body.single-post .gtv-post-navigation__card:focus {
transform: translateY(-3px) !important;
border-color: #c99f69 !important;
box-shadow: 0 14px 30px rgba(68,40,17,.14) !important;
}
body.single-post .gtv-post-navigation__thumb {
flex: 0 0 112px !important;
width: 112px !important;
min-height: 112px !important;
overflow: hidden !important;
background: #ead8c1 !important;
}
body.single-post .gtv-post-navigation__thumb img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 112px !important;
margin: 0 !important;
border-radius: 0 !important;
object-fit: cover !important;
}
body.single-post .gtv-post-navigation__placeholder {
display: grid !important;
width: 100% !important;
height: 100% !important;
min-height: 112px !important;
place-items: center !important;
color: #a06a35 !important;
font-size: 28px !important;
}
body.single-post .gtv-post-navigation__copy {
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
padding: 16px 18px !important;
}
body.single-post .gtv-post-navigation__card--next .gtv-post-navigation__copy {
text-align: right !important;
}
body.single-post .gtv-post-navigation__label {
display: block !important;
margin: 0 0 7px !important;
color: #a2672e !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
}
body.single-post .gtv-post-navigation__title {
display: block !important;
color: #432a14 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
body.single-post .gtv-related-blog a:focus-visible,
body.single-post .gtv-post-navigation__card:focus-visible {
outline: 3px solid rgba(143,90,40,.42) !important;
outline-offset: 3px !important;
}
@media (max-width: 900px) {
body.single-post .gtv-related-blog__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.single-post .gtv-related-blog__card:last-child:nth-child(odd) {
grid-column: 1 / -1 !important;
}
body.single-post .post-entries.gtv-post-navigation {
grid-template-columns: minmax(0, 1fr) !important;
}
}
@media (max-width: 620px) {
body.blog #content.gotvacha-blog-content,
body.page-template-template-blog-php #content.gotvacha-blog-content,
body.page-template-template-blog-elegant-php #content.gotvacha-blog-content,
#content.gotvacha-index-content.gotvacha-blog-content {
margin-top: 20px !important;
}
body.single-post .gtv-related-blog {
margin-top: 22px !important;
padding: 16px !important;
border-radius: 16px !important;
}
body.single-post .gtv-related-blog__heading h2 {
font-size: 22px !important;
}
body.single-post .gtv-related-blog__grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 14px !important;
}
body.single-post .gtv-related-blog__card:last-child:nth-child(odd) {
grid-column: auto !important;
}
body.single-post .gtv-related-blog__card {
display: grid !important;
grid-template-columns: 108px minmax(0, 1fr) !important;
}
body.single-post .gtv-related-blog__image {
height: 100% !important;
min-height: 118px !important;
aspect-ratio: auto !important;
}
body.single-post .gtv-related-blog__body {
padding: 13px !important;
}
body.single-post .gtv-post-navigation__card {
min-height: 96px !important;
}
body.single-post .gtv-post-navigation__thumb {
flex-basis: 92px !important;
width: 92px !important;
min-height: 96px !important;
}
body.single-post .gtv-post-navigation__thumb img,
body.single-post .gtv-post-navigation__placeholder {
min-height: 96px !important;
}
body.single-post .gtv-post-navigation__copy {
padding: 13px 14px !important;
}
body.single-post .gtv-post-navigation__title {
font-size: 14px !important;
}
}
/* =========================================================
Gotvacha v17 — single-post spacing, tag box and share box
========================================================= */
/* Keep ordinary blog articles visibly separate from the navigation. */
body.single-post #content.gotvacha-blog-single-content {
margin-top: 30px !important;
}
/* Dedicated keyword/tag panel. */
body.single-post .gtv-post-tags-box,
body.single-post .gtv-post-share {
box-sizing: border-box !important;
clear: both !important;
width: 100% !important;
margin: 28px 0 0 !important;
padding: 22px !important;
border: 1px solid #dfc5a6 !important;
border-radius: 18px !important;
background: linear-gradient(135deg,#fffaf3 0%,#f7ead9 100%) !important;
box-shadow: 0 10px 26px rgba(68,40,17,.08) !important;
overflow: visible !important;
}
body.single-post .gtv-post-tags-box__heading,
body.single-post .gtv-post-share__heading {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin: 0 0 17px !important;
}
body.single-post .gtv-post-tags-box__icon,
body.single-post .gtv-post-share__icon {
display: inline-grid !important;
flex: 0 0 46px !important;
width: 46px !important;
height: 46px !important;
place-items: center !important;
border-radius: 14px !important;
background: #b77a3f !important;
color: #fff !important;
box-shadow: 0 7px 16px rgba(120,72,28,.18) !important;
font-size: 19px !important;
}
body.single-post .gtv-post-tags-box__icon .fa,
body.single-post .gtv-post-share__icon .fa {
margin: 0 !important;
color: inherit !important;
font-size: inherit !important;
line-height: 1 !important;
}
body.single-post .gtv-post-tags-box__eyebrow,
body.single-post .gtv-post-share__eyebrow {
display: block !important;
margin: 0 0 3px !important;
color: #9c6834 !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: .08em !important;
line-height: 1.3 !important;
text-transform: uppercase !important;
}
body.single-post .gtv-post-tags-box h2,
body.single-post .gtv-post-share h2 {
margin: 0 !important;
color: #432a14 !important;
font-size: 22px !important;
line-height: 1.2 !important;
}
body.single-post .gtv-post-tags-box__list {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 9px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.single-post .gtv-post-tags-box__list a,
body.single-post .gtv-post-tags-box__list a:visited {
display: inline-flex !important;
align-items: center !important;
min-height: 36px !important;
margin: 0 !important;
padding: 8px 13px !important;
border: 1px solid #d9b88f !important;
border-radius: 999px !important;
background: #fffaf3 !important;
color: #6c4422 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-decoration: none !important;
box-shadow: 0 4px 10px rgba(68,40,17,.06) !important;
transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}
body.single-post .gtv-post-tags-box__list a::before {
content: "#" !important;
margin-right: 3px !important;
color: #b77a3f !important;
font-weight: 900 !important;
}
body.single-post .gtv-post-tags-box__list a:hover,
body.single-post .gtv-post-tags-box__list a:focus {
transform: translateY(-2px) !important;
border-color: #b77a3f !important;
background: #f3dfc5 !important;
color: #4b2d15 !important;
}
/* Article sharing panel. */
body.single-post .gtv-post-share {
background: linear-gradient(135deg,#f8ead8 0%,#fffaf3 100%) !important;
}
body.single-post .gtv-post-share__icon {
background: #8f5a28 !important;
}
body.single-post .gtv-post-share__buttons {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-post .gtv-post-share__button,
body.single-post .gtv-post-share__button:visited {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 15px !important;
border: 0 !important;
border-radius: 999px !important;
color: #fff !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 5px 13px rgba(0,0,0,.13) !important;
cursor: pointer !important;
transition: transform .18s ease, box-shadow .18s ease !important;
appearance: none !important;
-webkit-appearance: none !important;
}
body.single-post .gtv-post-share__button:hover,
body.single-post .gtv-post-share__button:focus {
transform: translateY(-2px) !important;
color: #fff !important;
text-decoration: none !important;
box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
}
body.single-post .gtv-post-share__button .fa {
margin: 0 !important;
color: #fff !important;
font-size: 15px !important;
line-height: 1 !important;
}
body.single-post .gtv-post-share__button--native { background: #b77a3f !important; }
body.single-post .gtv-post-share__button--copy { background: #75614f !important; }
body.single-post .gtv-post-share__button--facebook { background: #3b5998 !important; }
body.single-post .gtv-post-share__button--twitter { background: #111 !important; }
body.single-post .gtv-post-share__button--pinterest { background: #bd081c !important; }
body.single-post .gtv-post-share__button--whatsapp { background: #25a95b !important; }
body.single-post .gtv-post-share__button--telegram { background: #229ed9 !important; }
body.single-post .gtv-post-share__button--email { background: #6f6f6f !important; }
body.single-post .gtv-post-tags-box a:focus-visible,
body.single-post .gtv-post-share__button:focus-visible {
outline: 3px solid rgba(143,90,40,.42) !important;
outline-offset: 3px !important;
}
@media (max-width: 620px) {
body.single-post #content.gotvacha-blog-single-content {
margin-top: 20px !important;
}
body.single-post .gtv-post-tags-box,
body.single-post .gtv-post-share {
margin-top: 22px !important;
padding: 16px !important;
border-radius: 16px !important;
}
body.single-post .gtv-post-tags-box__heading,
body.single-post .gtv-post-share__heading {
gap: 11px !important;
margin-bottom: 14px !important;
}
body.single-post .gtv-post-tags-box__icon,
body.single-post .gtv-post-share__icon {
flex-basis: 40px !important;
width: 40px !important;
height: 40px !important;
border-radius: 12px !important;
font-size: 17px !important;
}
body.single-post .gtv-post-tags-box h2,
body.single-post .gtv-post-share h2 {
font-size: 19px !important;
}
body.single-post .gtv-post-tags-box__list {
gap: 7px !important;
}
body.single-post .gtv-post-tags-box__list a {
min-height: 34px !important;
padding: 7px 11px !important;
font-size: 12px !important;
}
body.single-post .gtv-post-share__button {
width: calc(50% - 5px) !important;
min-width: 0 !important;
padding: 0 9px !important;
font-size: 12px !important;
}
body.single-post .gtv-post-share__button--facebook {
display: none !important;
}
}
@media (max-width: 360px) {
body.single-post .gtv-post-share__button {
width: 100% !important;
}
}
/* =========================================================
Gotvacha v18 — comments module only
========================================================= */
.gtv-comments-module {
box-sizing: border-box !important;
clear: both !important;
width: 100% !important;
margin: 34px 0 0 !important;
padding: 0 !important;
}
.gtv-comments-panel,
.gtv-comment-form-panel {
box-sizing: border-box !important;
width: 100% !important;
margin: 0 0 28px !important;
padding: 24px !important;
border: 1px solid #dfc5a6 !important;
border-radius: 20px !important;
background: linear-gradient(135deg,#fffdf9 0%,#fff7ed 100%) !important;
box-shadow: 0 12px 30px rgba(68,40,17,.08) !important;
}
.gtv-comment-form-panel {
background: linear-gradient(135deg,#fff8ee 0%,#f7ead9 100%) !important;
}
.gtv-comments-panel__heading,
.gtv-comment-form-panel__heading {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin: 0 0 22px !important;
}
.gtv-comments-panel__icon,
.gtv-comment-form-panel__icon {
display: inline-grid !important;
flex: 0 0 48px !important;
width: 48px !important;
height: 48px !important;
place-items: center !important;
border-radius: 15px !important;
background: #b77a3f !important;
color: #fff !important;
box-shadow: 0 7px 17px rgba(120,72,28,.2) !important;
font-size: 20px !important;
}
.gtv-comment-form-panel__icon { background: #8f5a28 !important; }
.gtv-comments-panel__icon .fa,
.gtv-comment-form-panel__icon .fa {
margin: 0 !important;
color: inherit !important;
font-size: inherit !important;
line-height: 1 !important;
}
.gtv-comments-panel__eyebrow,
.gtv-comment-form-panel__eyebrow {
display: block !important;
margin: 0 0 3px !important;
color: #9c6834 !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: .09em !important;
line-height: 1.3 !important;
text-transform: uppercase !important;
}
.gtv-comments-panel #comments-title,
.gtv-comment-form-panel #reply-title {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
color: #432a14 !important;
font-size: 24px !important;
line-height: 1.2 !important;
}
.gtv-comment-form-panel #reply-title small {
display: inline-block !important;
margin-left: 10px !important;
font-size: 12px !important;
font-weight: 700 !important;
}
.gtv-comment-form-panel #reply-title small a {
display: inline-flex !important;
padding: 5px 9px !important;
border-radius: 999px !important;
background: #fff !important;
color: #8f5a28 !important;
text-decoration: none !important;
}
.gtv-comment-list,
.gtv-comment-list ul.children {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.gtv-comment-list > .gtv-comment-item,
.gtv-comment-list ul.children > .gtv-comment-item {
list-style: none !important;
margin: 0 0 18px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.gtv-comment-list > .gtv-comment-item:last-child { margin-bottom: 0 !important; }
.gtv-comment-card {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: 56px minmax(0,1fr) !important;
gap: 16px !important;
width: 100% !important;
margin: 0 !important;
padding: 20px !important;
border: 1px solid #ead8c2 !important;
border-radius: 17px !important;
background: #fff !important;
box-shadow: 0 7px 20px rgba(68,40,17,.055) !important;
}
.gtv-comment-card__avatar,
#comments .gtv-comment-card__avatar {
position: static !important;
float: none !important;
width: 56px !important;
height: 56px !important;
margin: 0 !important;
}
.gtv-comment-card__avatar img,
#comments .gtv-comment-card__avatar img {
display: block !important;
width: 56px !important;
height: 56px !important;
margin: 0 !important;
border: 3px solid #f1dfca !important;
border-radius: 50% !important;
object-fit: cover !important;
box-shadow: 0 5px 13px rgba(68,40,17,.1) !important;
}
.gtv-comment-card__body { min-width: 0 !important; }
.gtv-comment-card__head,
#comments .gtv-comment-card__head {
position: relative !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 7px 12px !important;
margin: 0 0 12px !important;
padding: 0 0 11px !important;
border-bottom: 1px solid #f0e4d5 !important;
}
.gtv-comment-card__author-row {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
}
.gtv-comment-card__author,
#comments .gtv-comment-card__author {
color: #432a14 !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
}
.gtv-comment-card__badge {
display: inline-flex !important;
align-items: center !important;
min-height: 22px !important;
padding: 3px 8px !important;
border-radius: 999px !important;
background: #f0dfca !important;
color: #825124 !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
.gtv-comment-card__date,
.gtv-comment-card__date:visited {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
margin: 0 !important;
color: #92775e !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
text-decoration: none !important;
}
.gtv-comment-card__date:hover { color: #8f5a28 !important; }
.gtv-comment-card__edit a {
color: #9c6834 !important;
font-size: 11px !important;
font-weight: 700 !important;
}
.gtv-comment-card__content,
#comments .gtv-comment-card__content {
margin: 0 !important;
padding: 0 !important;
color: #55473a !important;
font-size: 15px !important;
line-height: 1.75 !important;
}
.gtv-comment-card__content p { margin: 0 0 12px !important; }
.gtv-comment-card__content p:last-child { margin-bottom: 0 !important; }
.gtv-comment-card__reply,
#comments .gtv-comment-card__reply {
margin: 14px 0 0 !important;
padding: 0 !important;
}
body #wrapper #content .gtv-comment-card__reply a,
body #wrapper #content .gtv-comment-card__reply a:visited {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
min-height: 34px !important;
padding: 7px 12px !important;
border: 1px solid #d9b88f !important;
border-radius: 999px !important;
background: #fff8ee !important;
color: #76502d !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: none !important;
}
body #wrapper #content .gtv-comment-card__reply a:hover {
border-color: #b77a3f !important;
background: #f3dfc5 !important;
color: #4b2d15 !important;
transform: translateY(-1px) !important;
}
.gtv-comment-list ul.children {
position: relative !important;
margin: 16px 0 0 34px !important;
padding-left: 18px !important;
border-left: 3px solid #ead2b5 !important;
}
.gtv-comment-list ul.children .gtv-comment-card {
background: #fffaf4 !important;
}
.gtv-comment-awaiting {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin: 15px 0 0 !important;
padding: 11px 13px !important;
border: 1px solid #e8c980 !important;
border-radius: 11px !important;
background: #fff8dc !important;
color: #765414 !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.gtv-comments-empty {
padding: 20px !important;
border: 1px dashed #d9b88f !important;
border-radius: 14px !important;
background: rgba(255,255,255,.65) !important;
text-align: center !important;
}
.gtv-comments-empty p { margin: 4px 0 !important; color: #765f4b !important; }
.gtv-comments-empty strong { color: #432a14 !important; }
.gtv-comment-navigation {
display: flex !important;
justify-content: space-between !important;
gap: 12px !important;
margin: 20px 0 0 !important;
}
.gtv-comment-navigation a {
display: inline-flex !important;
align-items: center !important;
min-height: 38px !important;
padding: 8px 13px !important;
border-radius: 999px !important;
background: #8f5a28 !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 800 !important;
text-decoration: none !important;
}
.gtv-pings {
margin-top: 22px !important;
padding: 14px !important;
border: 1px solid #ead8c2 !important;
border-radius: 12px !important;
background: #fff !important;
}
.gtv-pings summary {
color: #76502d !important;
font-weight: 800 !important;
cursor: pointer !important;
}
.gtv-ping-list { margin: 12px 0 0 20px !important; }
.gtv-comment-form-intro {
margin: 0 0 20px !important;
padding: 14px 16px !important;
border-left: 4px solid #b77a3f !important;
border-radius: 0 12px 12px 0 !important;
background: rgba(255,255,255,.65) !important;
}
.gtv-comment-form-intro p {
margin: 0 0 7px !important;
color: #66513d !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
.gtv-comment-form-intro p:last-child { margin-bottom: 0 !important; }
.gtv-comment-email-note {
display: flex !important;
align-items: center !important;
gap: 7px !important;
color: #85633f !important;
font-size: 12px !important;
font-weight: 700 !important;
}
.gtv-comment-form {
display: grid !important;
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
gap: 16px !important;
margin: 0 !important;
}
.gtv-comment-form > p,
.gtv-comment-form .comment-form-author,
.gtv-comment-form .comment-form-email,
.gtv-comment-form .comment-form-comment,
.gtv-comment-form .form-submit,
.gtv-comment-form .logged-in-as,
.gtv-comment-form .must-log-in {
margin: 0 !important;
}
.gtv-comment-form .comment-form-comment,
.gtv-comment-form .form-submit,
.gtv-comment-form .logged-in-as,
.gtv-comment-form .must-log-in,
.gtv-comment-form .gtv-comment-guard,
.gtv-comment-form > input[type="hidden"] {
grid-column: 1 / -1 !important;
}
.gtv-comment-form label {
display: block !important;
margin: 0 0 7px !important;
color: #4d321a !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
}
.gtv-comment-form .required { color: #b24a35 !important; }
.gtv-comment-form .gtv-comment-input,
.gtv-comment-form .gtv-comment-textarea {
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 12px 14px !important;
border: 1px solid #d8bea0 !important;
border-radius: 12px !important;
background: #fff !important;
color: #3f3328 !important;
font-family: inherit !important;
font-size: 15px !important;
line-height: 1.5 !important;
box-shadow: inset 0 1px 2px rgba(68,40,17,.035) !important;
transition: border-color .18s ease, box-shadow .18s ease !important;
}
.gtv-comment-form .gtv-comment-input { min-height: 48px !important; }
.gtv-comment-form .gtv-comment-textarea {
min-height: 170px !important;
resize: vertical !important;
}
.gtv-comment-form .gtv-comment-input:focus,
.gtv-comment-form .gtv-comment-textarea:focus {
border-color: #b77a3f !important;
outline: 0 !important;
box-shadow: 0 0 0 4px rgba(183,122,63,.15) !important;
}
.gtv-comment-form .logged-in-as,
.gtv-comment-form .must-log-in {
padding: 12px 14px !important;
border-radius: 11px !important;
background: rgba(255,255,255,.72) !important;
color: #66513d !important;
font-size: 13px !important;
}
body #wrapper #content .gtv-comment-form .form-submit input#submit,
body #wrapper #content .gtv-comment-submit {
display: inline-flex !important;
width: auto !important;
min-height: 46px !important;
margin: 2px 0 0 !important;
padding: 0 20px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg,#a96931 0%,#7d4a20 100%) !important;
color: #fff !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-shadow: none !important;
box-shadow: 0 8px 18px rgba(112,65,26,.22) !important;
cursor: pointer !important;
}
body #wrapper #content .gtv-comment-form .form-submit input#submit:hover,
body #wrapper #content .gtv-comment-submit:hover {
background: linear-gradient(135deg,#b9793e 0%,#865126 100%) !important;
transform: translateY(-1px) !important;
box-shadow: 0 11px 22px rgba(112,65,26,.26) !important;
}
.gtv-comment-guard {
position: absolute !important;
left: -10000px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.gtv-comments-locked {
margin: 25px 0 !important;
padding: 16px !important;
border-radius: 13px !important;
background: #fff5e6 !important;
color: #6e4d2d !important;
}
.gtv-comment-card a:focus-visible,
.gtv-comment-navigation a:focus-visible,
.gtv-comment-form input:focus-visible,
.gtv-comment-form textarea:focus-visible {
outline: 3px solid rgba(143,90,40,.4) !important;
outline-offset: 3px !important;
}
@media (max-width: 700px) {
.gtv-comments-module { margin-top: 26px !important; }
.gtv-comments-panel,
.gtv-comment-form-panel {
margin-bottom: 22px !important;
padding: 17px !important;
border-radius: 17px !important;
}
.gtv-comments-panel__heading,
.gtv-comment-form-panel__heading {
gap: 11px !important;
margin-bottom: 17px !important;
}
.gtv-comments-panel__icon,
.gtv-comment-form-panel__icon {
flex-basis: 42px !important;
width: 42px !important;
height: 42px !important;
border-radius: 13px !important;
font-size: 17px !important;
}
.gtv-comments-panel #comments-title,
.gtv-comment-form-panel #reply-title { font-size: 20px !important; }
.gtv-comment-card {
grid-template-columns: 44px minmax(0,1fr) !important;
gap: 12px !important;
padding: 15px !important;
border-radius: 14px !important;
}
.gtv-comment-card__avatar,
#comments .gtv-comment-card__avatar,
.gtv-comment-card__avatar img,
#comments .gtv-comment-card__avatar img {
width: 44px !important;
height: 44px !important;
}
.gtv-comment-card__head,
#comments .gtv-comment-card__head {
align-items: flex-start !important;
flex-direction: column !important;
gap: 5px !important;
}
.gtv-comment-list ul.children {
margin-left: 10px !important;
padding-left: 10px !important;
border-left-width: 2px !important;
}
.gtv-comment-form { grid-template-columns: 1fr !important; }
.gtv-comment-form .comment-form-author,
.gtv-comment-form .comment-form-email { grid-column: 1 / -1 !important; }
body #wrapper #content .gtv-comment-form .form-submit input#submit,
body #wrapper #content .gtv-comment-submit {
width: 100% !important;
justify-content: center !important;
}
.gtv-comment-navigation { flex-direction: column !important; }
.gtv-comment-navigation a { justify-content: center !important; width: 100% !important; box-sizing: border-box !important; }
}
@media (max-width: 420px) {
.gtv-comment-card {
display: block !important;
}
.gtv-comment-card__avatar,
#comments .gtv-comment-card__avatar {
margin-bottom: 11px !important;
}
}
/* =========================================================
Gotvacha v19 — compact recipe-category header
Scope: recipe taxonomy/archive pages only.
========================================================= */
/* Do not reserve a large blank block when the top archive ad has no fill. */
body.tax-recipe_type #content.gotvacha-archive-content,
body.post-type-archive-recipe #content.gotvacha-archive-content {
padding-top: 24px !important;
}
body.tax-recipe_type #content.gotvacha-archive-content > .gtv-ad-slot--archive-top,
body.post-type-archive-recipe #content.gotvacha-archive-content > .gtv-ad-slot--archive-top {
min-height: 0 !important;
margin: 0 0 18px !important;
}
body.tax-recipe_type #content.gotvacha-archive-content > .gtv-ad-slot--archive-top:has(.adsbygoogle[data-ad-status="unfilled"]),
body.post-type-archive-recipe #content.gotvacha-archive-content > .gtv-ad-slot--archive-top:has(.adsbygoogle[data-ad-status="unfilled"]) {
display: none !important;
margin: 0 !important;
min-height: 0 !important;
}
/* Compact, clearly visible category introduction. */
body.tax-recipe_type #content.gotvacha-archive-content #main > .recipe-title,
body.post-type-archive-recipe #content.gotvacha-archive-content #main > .recipe-title {
position: relative !important;
box-sizing: border-box !important;
overflow: hidden !important;
margin: 0 0 24px !important;
padding: 22px 26px 21px 30px !important;
border: 1px solid #dfc39f !important;
border-radius: 18px !important;
background: linear-gradient(135deg,#fff9f1 0%,#f7ead9 100%) !important;
box-shadow: 0 10px 26px rgba(68,40,17,.08) !important;
}
body.tax-recipe_type #content.gotvacha-archive-content #main > .recipe-title::before,
body.post-type-archive-recipe #content.gotvacha-archive-content #main > .recipe-title::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 6px !important;
background: linear-gradient(180deg,#bf9764 0%,#8f5a28 100%) !important;
}
body.tax-recipe_type #content.gotvacha-archive-content #main > .recipe-title h1,
body.post-type-archive-recipe #content.gotvacha-archive-content #main > .recipe-title h1 {
margin: 0 !important;
color: #432a14 !important;
font-size: clamp(25px,2vw,32px) !important;
line-height: 1.2 !important;
letter-spacing: -.015em !important;
}
body.tax-recipe_type #content.gotvacha-archive-content #main > .recipe-title .image-descrip,
body.post-type-archive-recipe #content.gotvacha-archive-content #main > .recipe-title .image-descrip {
max-width: 1050px !important;
margin: 9px 0 0 !important;
color: #6d5a47 !important;
font-size: 15px !important;
line-height: 1.6 !important;
}
body.tax-recipe_type #content.gotvacha-archive-content #main > .recipe-title .image-descrip p,
body.post-type-archive-recipe #content.gotvacha-archive-content #main > .recipe-title .image-descrip p {
margin: 0 !important;
}
body.tax-recipe_type #content.gotvacha-archive-content #main .gtv-modern-recipe-archive-grid,
body.post-type-archive-recipe #content.gotvacha-archive-content #main .gtv-modern-recipe-archive-grid {
margin-top: 0 !important;
}
@media (max-width: 767px) {
body.tax-recipe_type #content.gotvacha-archive-content,
body.post-type-archive-recipe #content.gotvacha-archive-content {
padding-top: 16px !important;
}
body.tax-recipe_type #content.gotvacha-archive-content > .gtv-ad-slot--archive-top,
body.post-type-archive-recipe #content.gotvacha-archive-content > .gtv-ad-slot--archive-top {
margin-bottom: 14px !important;
}
body.tax-recipe_type #content.gotvacha-archive-content #main > .recipe-title,
body.post-type-archive-recipe #content.gotvacha-archive-content #main > .recipe-title {
margin-bottom: 20px !important;
padding: 18px 18px 17px 22px !important;
border-radius: 15px !important;
}
body.tax-recipe_type #content.gotvacha-archive-content #main > .recipe-title::before,
body.post-type-archive-recipe #content.gotvacha-archive-content #main > .recipe-title::before {
width: 5px !important;
}
body.tax-recipe_type #content.gotvacha-archive-content #main > .recipe-title h1,
body.post-type-archive-recipe #content.gotvacha-archive-content #main > .recipe-title h1 {
font-size: 24px !important;
}
body.tax-recipe_type #content.gotvacha-archive-content #main > .recipe-title .image-descrip,
body.post-type-archive-recipe #content.gotvacha-archive-content #main > .recipe-title .image-descrip {
font-size: 14px !important;
line-height: 1.55 !important;
}
}
/* =========================================================
Gotvacha v20 — compact single-recipe top spacing + footer fallback
Scope: single recipes and an otherwise empty final footer column.
========================================================= */
/* Match the compact category spacing and collapse an unfilled top recipe ad. */
body.single-recipe #content.gotvacha-single-recipe-content {
padding-top: 24px !important;
}
body.single-recipe #content.gotvacha-single-recipe-content > .gtv-ad-slot--single-recipe-top {
min-height: 0 !important;
margin: 0 0 18px !important;
}
body.single-recipe #content.gotvacha-single-recipe-content > .gtv-ad-slot--single-recipe-top:has(.adsbygoogle[data-ad-status="unfilled"]) {
display: none !important;
min-height: 0 !important;
margin: 0 !important;
}
/* Useful automatic content for the last footer area when it has no widget. */
#footer-widgets .gtv-footer-popular-categories__intro {
margin: 0 0 14px !important;
color: #f1dfcb !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
#footer-widgets .gtv-footer-popular-categories ul {
display: grid !important;
gap: 8px !important;
}
#footer-widgets .gtv-footer-popular-categories li {
position: relative !important;
margin: 0 !important;
padding: 0 0 0 17px !important;
border: 0 !important;
}
#footer-widgets .gtv-footer-popular-categories li::before {
content: "›" !important;
position: absolute !important;
top: 0 !important;
left: 1px !important;
color: #e3ba82 !important;
font-size: 18px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
}
#footer-widgets .gtv-footer-popular-categories a {
display: inline-block !important;
line-height: 1.45 !important;
}
@media (max-width: 767px) {
body.single-recipe #content.gotvacha-single-recipe-content {
padding-top: 16px !important;
}
body.single-recipe #content.gotvacha-single-recipe-content > .gtv-ad-slot--single-recipe-top {
margin-bottom: 14px !important;
}
}
/* =========================================================
Gotvacha v21.1 — mobile homepage image/picture width fix
Imagify/WebP may wrap the thumbnail ![]()
in a .
Keep this correction scoped to the homepage recipe grid.
========================================================= */
@media (max-width: 640px) {
#content.gotvacha-home-content #main .gtv-modern-recipe-index-grid,
#content.gotvacha-home-content #main .gtv-modern-recipe-index-grid > .gtv-modern-recipe-card {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
#content.gotvacha-home-content #main .gtv-modern-recipe-index-grid .gtv-modern-recipe-card .th-recipe {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
aspect-ratio: auto !important;
overflow: hidden !important;
}
#content.gotvacha-home-content #main .gtv-modern-recipe-index-grid .gtv-modern-recipe-card .th-recipe > picture,
#content.gotvacha-home-content #main .gtv-modern-recipe-index-grid .gtv-modern-recipe-card .th-recipe picture {
position: relative !important;
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
#content.gotvacha-home-content #main .gtv-modern-recipe-index-grid .gtv-modern-recipe-card .th-recipe > img,
#content.gotvacha-home-content #main .gtv-modern-recipe-index-grid .gtv-modern-recipe-card .th-recipe picture > img,
#content.gotvacha-home-content #main .gtv-modern-recipe-index-grid .gtv-modern-recipe-card .th-recipe picture img {
position: relative !important;
inset: auto !important;
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center center !important;
transform: none !important;
}
}
/* =========================================================
Gotvacha v21.2 — modern tag archives and search results
Scope: body.tag and body.search only.
========================================================= */
body.tag #content.gotvacha-archive-content,
body.search #content.gotvacha-search-content {
box-sizing: border-box !important;
padding-top: 24px !important;
}
body.tag #content.gotvacha-archive-content > .gtv-ad-slot--archive-top,
body.search #content.gotvacha-search-content > .gtv-ad-slot--search-top {
min-height: 0 !important;
margin: 0 0 18px !important;
}
body.tag #content.gotvacha-archive-content > .gtv-ad-slot--archive-top:has(.adsbygoogle[data-ad-status="unfilled"]),
body.search #content.gotvacha-search-content > .gtv-ad-slot--search-top:has(.adsbygoogle[data-ad-status="unfilled"]) {
display: none !important;
min-height: 0 !important;
margin: 0 !important;
}
body.tag #content.gotvacha-archive-content #main,
body.search #content.gotvacha-search-content #main {
box-sizing: border-box !important;
min-width: 0 !important;
padding: 24px !important;
border: 1px solid var(--gtv-border, #dfc39f) !important;
border-radius: 22px !important;
background: var(--gtv-surface-warm, #fff8ef) !important;
box-shadow: 0 12px 30px rgba(68,40,17,.08) !important;
}
.gtv-results-header {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 20px !important;
overflow: hidden !important;
box-sizing: border-box !important;
margin: 0 0 24px !important;
padding: 23px 25px 22px 30px !important;
border: 1px solid #dfc39f !important;
border-radius: 18px !important;
background: linear-gradient(135deg,#fff9f1 0%,#f7ead9 100%) !important;
box-shadow: 0 10px 26px rgba(68,40,17,.075) !important;
}
.gtv-results-header::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 6px !important;
background: linear-gradient(180deg,#bf9764 0%,#8f5a28 100%) !important;
}
.gtv-results-header__copy {
min-width: 0 !important;
}
.gtv-results-header__eyebrow {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin: 0 0 7px !important;
color: #9a642f !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .075em !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
.gtv-results-header h1 {
margin: 0 !important;
color: #432a14 !important;
font-size: clamp(25px,2vw,32px) !important;
line-height: 1.18 !important;
letter-spacing: -.018em !important;
}
.gtv-results-header__description,
.gtv-results-header__description p {
max-width: 850px !important;
margin: 8px 0 0 !important;
color: #6d5a47 !important;
font-size: 15px !important;
line-height: 1.6 !important;
}
.gtv-results-header__count {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
padding: 0 13px !important;
border: 1px solid #d8b98f !important;
border-radius: 999px !important;
background: #fff4e5 !important;
color: #855124 !important;
font-size: 12px !important;
font-weight: 800 !important;
white-space: nowrap !important;
box-shadow: 0 5px 14px rgba(78,44,17,.06) !important;
}
.gtv-modern-results-list {
display: grid !important;
grid-template-columns: minmax(0,1fr) !important;
gap: 20px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.gtv-modern-results-list > .gtv-ad-slot {
margin: 4px 0 !important;
}
.gtv-modern-result-card {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(240px, 34%) minmax(0,1fr) !important;
min-width: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #ddc09c !important;
border-radius: 18px !important;
background: #fff5e8 !important;
box-shadow: 0 9px 24px rgba(69,45,20,.085) !important;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.gtv-modern-result-card:hover,
.gtv-modern-result-card:focus-within {
transform: translateY(-3px) !important;
border-color: #cda675 !important;
box-shadow: 0 16px 34px rgba(68,40,17,.13) !important;
}
.gtv-modern-result-card__image {
position: relative !important;
display: block !important;
min-width: 0 !important;
min-height: 220px !important;
overflow: hidden !important;
background: #ead8c0 !important;
}
.gtv-modern-result-card__image picture {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.gtv-modern-result-card__img,
.gtv-modern-result-card__image picture > img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 220px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
object-fit: cover !important;
object-position: center !important;
transition: transform .3s ease !important;
}
.gtv-modern-result-card:hover .gtv-modern-result-card__img,
.gtv-modern-result-card:focus-within .gtv-modern-result-card__img {
transform: scale(1.035) !important;
}
.gtv-modern-result-card__type {
position: absolute !important;
top: 14px !important;
left: 14px !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
min-height: 29px !important;
padding: 0 10px !important;
border: 1px solid rgba(255,255,255,.38) !important;
border-radius: 999px !important;
background: rgba(111,63,27,.9) !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .035em !important;
line-height: 1 !important;
text-transform: uppercase !important;
box-shadow: 0 5px 14px rgba(34,17,5,.2) !important;
backdrop-filter: blur(5px) !important;
}
.gtv-modern-result-card__body {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
padding: 22px 24px !important;
}
.gtv-modern-result-card__meta {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 7px !important;
margin: 0 0 9px !important;
color: #9a7959 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .02em !important;
line-height: 1.4 !important;
text-transform: uppercase !important;
}
.gtv-modern-result-card__title {
margin: 0 0 10px !important;
color: #432a14 !important;
font-size: clamp(21px,1.7vw,27px) !important;
line-height: 1.25 !important;
letter-spacing: -.012em !important;
}
.gtv-modern-result-card__title a {
color: inherit !important;
text-decoration: none !important;
}
.gtv-modern-result-card__title a:hover,
.gtv-modern-result-card__title a:focus {
color: #8f5a28 !important;
}
.gtv-modern-result-card__excerpt {
margin: 0 0 15px !important;
color: #6b5846 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
.gtv-modern-result-card__more {
display: inline-flex !important;
align-items: center !important;
align-self: flex-start !important;
gap: 7px !important;
margin-top: auto !important;
color: #9a5e27 !important;
font-size: 13px !important;
font-weight: 800 !important;
text-decoration: none !important;
}
.gtv-modern-result-card__more:hover,
.gtv-modern-result-card__more:focus {
color: #6f3f1b !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
.gtv-modern-result-card a:focus-visible,
.gtv-results-header a:focus-visible {
outline: 3px solid rgba(143,90,40,.42) !important;
outline-offset: 3px !important;
}
.gtv-results-empty {
box-sizing: border-box !important;
padding: 36px 26px !important;
border: 1px dashed #d6b58c !important;
border-radius: 18px !important;
background: #fff5e8 !important;
color: #6b5846 !important;
text-align: center !important;
}
.gtv-results-empty__icon {
display: grid !important;
width: 54px !important;
height: 54px !important;
margin: 0 auto 14px !important;
place-items: center !important;
border-radius: 50% !important;
background: #ead5b8 !important;
color: #8f5a28 !important;
font-size: 22px !important;
}
.gtv-results-empty h2 {
margin: 0 0 8px !important;
color: #432a14 !important;
font-size: 24px !important;
}
.gtv-results-empty p {
margin: 0 auto 18px !important;
max-width: 620px !important;
line-height: 1.65 !important;
}
.gtv-results-empty .searchform,
.gtv-results-empty form[role="search"] {
display: flex !important;
width: min(100%, 520px) !important;
margin: 0 auto !important;
}
body.tag .pagination,
body.search .pagination,
body.tag .nav-entries,
body.search .nav-entries {
margin-top: 26px !important;
}
@media (max-width: 900px) {
.gtv-modern-result-card {
grid-template-columns: minmax(210px, 40%) minmax(0,1fr) !important;
}
.gtv-modern-result-card__body {
padding: 19px 20px !important;
}
}
@media (max-width: 640px) {
body.tag #content.gotvacha-archive-content,
body.search #content.gotvacha-search-content {
padding-top: 16px !important;
}
body.tag #content.gotvacha-archive-content #main,
body.search #content.gotvacha-search-content #main {
padding: 13px !important;
border-radius: 17px !important;
}
.gtv-results-header {
align-items: flex-start !important;
flex-direction: column !important;
gap: 13px !important;
margin-bottom: 18px !important;
padding: 19px 18px 18px 22px !important;
border-radius: 15px !important;
}
.gtv-results-header::before {
width: 5px !important;
}
.gtv-results-header h1 {
font-size: 24px !important;
}
.gtv-results-header__description,
.gtv-results-header__description p {
font-size: 14px !important;
line-height: 1.55 !important;
}
.gtv-modern-results-list {
gap: 16px !important;
}
.gtv-modern-result-card {
display: block !important;
border-radius: 16px !important;
}
.gtv-modern-result-card__image,
.gtv-modern-result-card__img,
.gtv-modern-result-card__image picture,
.gtv-modern-result-card__image picture > img {
width: 100% !important;
min-height: 0 !important;
height: auto !important;
aspect-ratio: 16 / 10 !important;
}
.gtv-modern-result-card__img,
.gtv-modern-result-card__image picture > img {
object-fit: cover !important;
}
.gtv-modern-result-card__body {
padding: 17px !important;
}
.gtv-modern-result-card__title {
font-size: 21px !important;
}
.gtv-modern-result-card__excerpt {
font-size: 14px !important;
}
}
/* ========================================================================== */
/* Gotvacha modern AJAX search overlay */
/* ========================================================================== */
.universe-search {
box-sizing: border-box !important;
overflow: hidden !important;
border: 0 !important;
background: rgba(255,248,239,.975) !important;
box-shadow: none !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
.universe-search .search-container-close {
z-index: 0 !important;
}
.universe-search .df_container-fluid {
position: relative !important;
z-index: 2 !important;
box-sizing: border-box !important;
width: min(100% - 36px, 1240px) !important;
max-width: 1240px !important;
height: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
}
.universe-search .universe-search-close {
top: 25px !important;
right: 28px !important;
z-index: 5 !important;
display: grid !important;
width: 44px !important;
height: 44px !important;
padding: 0 !important;
place-items: center !important;
border: 1px solid #d9b98f !important;
border-radius: 50% !important;
background: #fff7ec !important;
color: #70431f !important;
box-shadow: 0 8px 22px rgba(75,43,17,.12) !important;
transition: transform .18s ease, background .18s ease, color .18s ease !important;
}
.universe-search .universe-search-close::before {
font-size: 19px !important;
line-height: 1 !important;
}
.universe-search .universe-search-close:hover,
.universe-search .universe-search-close:focus {
transform: rotate(5deg) scale(1.04) !important;
background: #8f5a28 !important;
color: #fff !important;
opacity: 1 !important;
outline: none !important;
}
.universe-search .universe-search-form {
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
margin: clamp(76px, 9vh, 112px) 0 0 !important;
padding: 21px 24px 20px !important;
border: 1px solid #ddbf99 !important;
border-radius: 20px !important;
background: linear-gradient(135deg,#fffaf3 0%,#f5e4cf 100%) !important;
box-shadow: 0 16px 40px rgba(69,39,15,.11) !important;
}
.universe-search .gtv-ajax-search-label {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin: 0 0 5px !important;
color: #99602c !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .075em !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
.universe-search .universe-search-form .universe-search-input {
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
min-height: 56px !important;
margin: 0 !important;
padding: 4px 0 0 !important;
border: 0 !important;
background: transparent !important;
color: #432a14 !important;
font-family: inherit !important;
font-size: clamp(26px, 3vw, 40px) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: -.02em !important;
box-shadow: none !important;
}
.universe-search .universe-search-form .universe-search-input::placeholder {
color: #9b856e !important;
opacity: .85 !important;
}
.universe-search .universe-search-results {
box-sizing: border-box !important;
clear: both !important;
padding: 22px 0 0 !important;
}
.universe-search .search-results-scroller > .nano-content {
box-sizing: border-box !important;
padding: 0 10px 45px 0 !important;
scrollbar-width: thin !important;
scrollbar-color: #c79e6b transparent !important;
}
.universe-search .search-results-scroller > .nano-content::-webkit-scrollbar {
display: block !important;
width: 7px !important;
}
.universe-search .search-results-scroller > .nano-content::-webkit-scrollbar-thumb {
border-radius: 999px !important;
background: #c79e6b !important;
}
.gtv-ajax-results {
box-sizing: border-box !important;
width: 100% !important;
}
.gtv-ajax-results__header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
box-sizing: border-box !important;
margin: 0 0 16px !important;
padding: 18px 20px !important;
border: 1px solid #dfc29e !important;
border-radius: 16px !important;
background: rgba(255,255,255,.76) !important;
box-shadow: 0 8px 22px rgba(67,39,17,.065) !important;
}
.gtv-ajax-results__eyebrow {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
margin: 0 0 5px !important;
color: #99602c !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: .075em !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
.gtv-ajax-results__header h2 {
margin: 0 !important;
color: #432a14 !important;
font-size: clamp(20px, 2vw, 27px) !important;
line-height: 1.2 !important;
letter-spacing: -.015em !important;
}
.gtv-ajax-results__count {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 32px !important;
padding: 0 12px !important;
border: 1px solid #d7b88f !important;
border-radius: 999px !important;
background: #fff2e0 !important;
color: #815022 !important;
font-size: 11px !important;
font-weight: 800 !important;
white-space: nowrap !important;
}
.gtv-ajax-results__grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 15px !important;
width: 100% !important;
}
.gtv-ajax-result-card {
position: relative !important;
display: grid !important;
grid-template-columns: 156px minmax(0,1fr) !important;
min-width: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #ddbf99 !important;
border-radius: 16px !important;
background: #fff7ed !important;
box-shadow: 0 8px 22px rgba(68,40,17,.08) !important;
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
.gtv-ajax-result-card:hover,
.gtv-ajax-result-card:focus-within {
transform: translateY(-2px) !important;
border-color: #c99f6b !important;
box-shadow: 0 14px 28px rgba(68,40,17,.13) !important;
}
.gtv-ajax-result-card__image {
position: relative !important;
display: block !important;
min-width: 0 !important;
min-height: 172px !important;
overflow: hidden !important;
background: #ead7bd !important;
}
.gtv-ajax-result-card__image picture {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.gtv-ajax-result-card__img,
.gtv-ajax-result-card__image picture > img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 172px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
object-fit: cover !important;
object-position: center !important;
transition: transform .28s ease !important;
}
.gtv-ajax-result-card:hover .gtv-ajax-result-card__img,
.gtv-ajax-result-card:focus-within .gtv-ajax-result-card__img {
transform: scale(1.035) !important;
}
.gtv-ajax-result-card__type {
position: absolute !important;
top: 10px !important;
left: 10px !important;
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
min-height: 25px !important;
padding: 0 8px !important;
border: 1px solid rgba(255,255,255,.35) !important;
border-radius: 999px !important;
background: rgba(101,57,25,.9) !important;
color: #fff !important;
font-size: 9px !important;
font-weight: 800 !important;
letter-spacing: .04em !important;
line-height: 1 !important;
text-transform: uppercase !important;
box-shadow: 0 4px 12px rgba(31,15,4,.2) !important;
}
.gtv-ajax-result-card__body {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
padding: 16px 17px !important;
}
.gtv-ajax-result-card__meta {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin: 0 0 7px !important;
color: #9a7959 !important;
font-size: 9px !important;
font-weight: 800 !important;
letter-spacing: .025em !important;
line-height: 1.35 !important;
text-transform: uppercase !important;
}
.gtv-ajax-result-card__title {
margin: 0 0 7px !important;
color: #432a14 !important;
font-size: 18px !important;
line-height: 1.27 !important;
letter-spacing: -.012em !important;
}
.gtv-ajax-result-card__title a {
color: inherit !important;
text-decoration: none !important;
}
.gtv-ajax-result-card__title a:hover,
.gtv-ajax-result-card__title a:focus {
color: #8f5a28 !important;
}
.gtv-ajax-result-card__excerpt {
display: -webkit-box !important;
overflow: hidden !important;
margin: 0 0 9px !important;
color: #6e5a47 !important;
font-size: 12px !important;
line-height: 1.5 !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
.gtv-ajax-result-card__more {
display: inline-flex !important;
align-items: center !important;
align-self: flex-start !important;
gap: 5px !important;
margin-top: auto !important;
color: #965b25 !important;
font-size: 11px !important;
font-weight: 800 !important;
text-decoration: none !important;
}
.gtv-ajax-result-card__more:hover,
.gtv-ajax-result-card__more:focus {
color: #653717 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
.gtv-ajax-results__footer {
display: flex !important;
justify-content: center !important;
margin: 18px 0 0 !important;
}
.gtv-ajax-results__footer a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
min-height: 42px !important;
padding: 0 17px !important;
border: 1px solid #8f5a28 !important;
border-radius: 10px !important;
background: #8f5a28 !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 800 !important;
text-decoration: none !important;
box-shadow: 0 7px 17px rgba(96,54,20,.17) !important;
}
.gtv-ajax-results__footer a:hover,
.gtv-ajax-results__footer a:focus {
background: #6f3f1b !important;
color: #fff !important;
}
.gtv-ajax-empty {
box-sizing: border-box !important;
padding: 38px 24px !important;
border: 1px dashed #d2ad7f !important;
border-radius: 18px !important;
background: rgba(255,247,237,.92) !important;
color: #6d5947 !important;
text-align: center !important;
box-shadow: 0 10px 28px rgba(68,40,17,.07) !important;
}
.gtv-ajax-empty__icon {
display: grid !important;
width: 52px !important;
height: 52px !important;
margin: 0 auto 13px !important;
place-items: center !important;
border-radius: 50% !important;
background: #ead3b4 !important;
color: #8f5a28 !important;
font-size: 21px !important;
}
.gtv-ajax-empty h2 {
margin: 0 0 7px !important;
color: #432a14 !important;
font-size: 23px !important;
}
.gtv-ajax-empty p {
max-width: 650px !important;
margin: 0 auto !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
@media (max-width: 980px) {
.gtv-ajax-results__grid {
grid-template-columns: minmax(0, 1fr) !important;
}
.gtv-ajax-result-card {
grid-template-columns: 180px minmax(0,1fr) !important;
}
}
@media (max-width: 640px) {
.universe-search .df_container-fluid {
width: min(100% - 24px, 1240px) !important;
}
.universe-search .universe-search-close {
top: 14px !important;
right: 14px !important;
width: 40px !important;
height: 40px !important;
}
.universe-search .universe-search-form {
margin-top: 64px !important;
padding: 16px 17px 15px !important;
border-radius: 16px !important;
}
.universe-search .universe-search-form .universe-search-input {
min-height: 45px !important;
font-size: 22px !important;
}
.universe-search .universe-search-results {
padding-top: 14px !important;
}
.universe-search .search-results-scroller > .nano-content {
padding-right: 4px !important;
padding-bottom: 32px !important;
}
.gtv-ajax-results__header {
align-items: flex-start !important;
flex-direction: column !important;
gap: 10px !important;
padding: 15px 16px !important;
border-radius: 14px !important;
}
.gtv-ajax-results__header h2 {
font-size: 20px !important;
}
.gtv-ajax-result-card {
grid-template-columns: 108px minmax(0,1fr) !important;
border-radius: 14px !important;
}
.gtv-ajax-result-card__image,
.gtv-ajax-result-card__img,
.gtv-ajax-result-card__image picture,
.gtv-ajax-result-card__image picture > img {
min-height: 142px !important;
height: 100% !important;
}
.gtv-ajax-result-card__body {
padding: 13px 13px 12px !important;
}
.gtv-ajax-result-card__title {
margin-bottom: 6px !important;
font-size: 16px !important;
}
.gtv-ajax-result-card__excerpt {
display: none !important;
}
.gtv-ajax-result-card__type {
top: 8px !important;
left: 8px !important;
min-height: 23px !important;
padding: 0 7px !important;
font-size: 8px !important;
}
}