.author-details{flex-direction:column;text-align:center;}
.author-avatar img{margin:0 auto 15px;}
.author-details{flex-direction:column;text-align:center;}
.author-avatar img{margin:0 auto 15px;}
.post-tags a{width:100%;}
.container{flex-direction:column;}
.content, #sidebar{flex:0 0 100%;max-width:100%;}
#sidebar{margin-top:1rem;}
article ul{list-style:none !important;padding:0;margin:0;}
article ul li::before{content:none !important;display:none !important;}
.mobile-topbar{display:none;}
.mobile-brand{font-size:1.25rem;font-weight:700;color:#3c3f44;text-decoration:none;letter-spacing:0.2px;-webkit-tap-highlight-color:transparent;}
.mobile-brand b{color:#f56b00;font-weight:800;}
.menu-toggle{display:none;align-items:center;background-color:var(--primary-color);color:#fff;border:none;padding:9px 14px;font-size:0.95rem;font-weight:700;cursor:pointer;border-radius:8px;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color 0.2s ease;}
.menu-toggle:hover{background-color:#2a4580;}
.menu-toggle::before{content:"\2630";margin-right:7px;font-weight:700;}
@media screen and (max-width:768px){ body{padding-top:60px;}
header .header-container{padding:0;}
.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000;height:54px;box-sizing:border-box;padding:0 14px;background:#ffffff;border-bottom:1px solid #ececec;box-shadow:0 2px 6px rgba(0, 0, 0, 0.06);}
.menu-toggle{display:inline-flex;}
#primary-menu li:first-child{display:none;}
#primary-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:#ffffff;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:58px 0 24px;margin:0;z-index:999;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity 0.22s ease, visibility 0.22s ease;}
#primary-menu.active{display:flex;opacity:1;visibility:visible;}
@keyframes slideDown {
from{opacity:0;transform:translateY(-20px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
} .breadcrumbs{margin-top:60px;position:relative;z-index:10;}
#primary-menu li{width:100%;text-align:left;margin:0;position:relative;border-radius:0;overflow:hidden;background-color:transparent;box-shadow:none;border-bottom:1px solid #f1eae0;transform:none;opacity:1;animation:none;}
#primary-menu.active li:nth-child(2){--item-index:1;}
#primary-menu.active li:nth-child(3){--item-index:2;}
#primary-menu.active li:nth-child(4){--item-index:3;}
#primary-menu.active li:nth-child(5){--item-index:4;}
#primary-menu.active li:nth-child(6){--item-index:5;}
#primary-menu.active li:nth-child(7){--item-index:6;}
#primary-menu.active li:nth-child(8){--item-index:7;}
@keyframes fadeInUp {
to{opacity:1;transform:translateY(0);}
} #primary-menu li::before{content:"🍽️";position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:1.3em;opacity:1;}
#primary-menu li:nth-child(2)::before{content:"🍲";}
#primary-menu li:nth-child(3)::before{content:"🥣";}
#primary-menu li:nth-child(4)::before{content:"🥒";}
#primary-menu li:nth-child(5)::before{content:"🍰";}
#primary-menu li:nth-child(6)::before{content:"🥪";}
#primary-menu li:nth-child(7)::before{content:"🍕";}
#primary-menu li:nth-child(8)::before{content:"🧂";}
#primary-menu li a{color:#33291f;font-size:1.08rem;font-weight:600;letter-spacing:0.2px;padding:15px 18px 15px 54px;display:flex;align-items:center;min-height:58px;width:100%;box-sizing:border-box;text-decoration:none;text-align:left;position:relative;z-index:1;}
#primary-menu li a::after{content:"\203A";margin-left:auto;color:#c9a06a;font-size:1.5em;line-height:1;font-weight:700;}
#primary-menu li a:active{background-color:#fff3ea;color:#c0562a;}
} .menu-main-container{background-color:#fff8f0;border-radius:12px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);margin-bottom:20px;overflow:hidden;border:3px solid #f48024;width:100%;}
.menu-main-container::before{content:"Meniu Culinar";display:block;text-align:center;background-color:#f48024;color:white;padding:15px;font-weight:bold;font-size:1.3em;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);}
.menu-main-container ul.menu{list-style:none;padding:5px;margin:0;display:flex;flex-direction:column;gap:5px;}
.menu-main-container ul.menu li{border-bottom:none;margin:0;padding:0;transition:all 0.3s ease;position:relative;background-color:#fff;}
.menu-main-container ul.menu li:last-child{border-bottom:none;}
.menu-main-container ul.menu li::before{content:"🍽️";position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:1.5em;opacity:1;transition:transform 0.3s ease;}
.menu-main-container ul.menu li:nth-child(1)::before{content:"🍲";}
.menu-main-container ul.menu li:nth-child(2)::before{content:"🥣";}
.menu-main-container ul.menu li:nth-child(3)::before{content:"🥒";}
.menu-main-container ul.menu li:nth-child(4)::before{content:"🍰";}
.menu-main-container ul.menu li:nth-child(5)::before{content:"🥪";}
.menu-main-container ul.menu li:nth-child(6)::before{content:"🍕";}
.menu-main-container ul.menu li:nth-child(7)::before{content:"🧂";}
.menu-main-container ul.menu li a{color:#5a3921;display:block;font-weight:700;padding:18px 15px 18px 60px;text-decoration:none;transition:all 0.3s ease;font-size:1.25em;line-height:1.3;letter-spacing:0.01em;background:#fffaf5;border-radius:8px;margin:0 5px;}
.menu-main-container ul.menu li a:hover, .menu-main-container ul.menu li a:active, .menu-main-container ul.menu li a:focus{background-color:#ffe4c4;color:#d35400;padding-left:60px;}
.menu-main-container ul.menu li:hover::before, .menu-main-container ul.menu li:active::before, .menu-main-container ul.menu li:focus::before{transform:translateY(-50%) scale(1.2);}
.menu-main-container ul.menu li.current-menu-item a{background-color:#f48024;color:white;font-weight:700;box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.1);}
.menu-main-container ul.menu li.current-menu-item::before{opacity:1;color:white;}
.menu-main-container ul.menu li a:active{background-color:#f48024;color:white;transform:scale(0.98);}
@media(max-width:480px){
.menu-main-container ul.menu li a{font-size:1.2em;padding:16px 10px 16px 55px;}
} @media(max-width:600px){
.category-tags-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 6px;
}
.category-tags-list li a {
font-size: 13px;
padding: 8px 10px;
border-radius: 20px;
}
.cat-tag-count {
font-size: 11px;
padding: 1px 6px;
}
}