.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;}
.menu-toggle{display:none;background-color:var(--primary-color);color:#fff;border:none;padding:15px;font-size:1.2rem;cursor:pointer;border-radius:0;-webkit-tap-highlight-color:transparent;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:1000;width:100%;text-align:center;transition:background-color 0.3s ease;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);}
.menu-toggle:hover{background-color:#000;}
@media screen and (max-width:768px){ body{padding-top:60px;}
header .header-container{padding:0;}
.menu-toggle{display:block;}
#primary-menu li:first-child{display:none;}
#primary-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg, var(--primary-color) 0%, #2a4580 100%);flex-direction:column;align-items:center;justify-content:center;padding:60px 0 20px;margin:0;z-index:999;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;}
#primary-menu.active{display:flex;opacity:1;visibility:visible;animation:slideDown 0.4s ease-out;}
@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:90%;text-align:center;margin:4px 0;position:relative;border-radius:8px;overflow:hidden;background-color:rgba(255, 255, 255, 0.1);box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);transform:translateY(20px);opacity:0;animation:fadeInUp 0.5s forwards;animation-delay:calc(0.1s * var(--item-index, 0));}
#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:15px;top:50%;transform:translateY(-50%);font-size:1.4em;opacity:1;transition:transform 0.3s ease;}
#primary-menu li:nth-child(1)::before{content:"🍲";}
#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 a{color:#fff;font-size:1.1rem;padding:12px 15px 12px 60px;display:block;width:100%;text-decoration:none;transition:all 0.3s ease;text-align:left;position:relative;z-index:1;font-weight:500;letter-spacing:0.5px;}
#primary-menu li a::after{content:'';position:absolute;bottom:0;left:60px;width:0;height:2px;background-color:#fff;transition:width 0.3s ease;}
#primary-menu li a:hover::after,
#primary-menu li a:focus::after{width:calc(100% - 75px);}
#primary-menu li a:hover,
#primary-menu li a:focus{background-color:rgba(255, 255, 255, 0.15);padding-left:65px;}
#primary-menu li:hover::before{transform:translateY(-50%) scale(1.2) rotate(5deg);}
} .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;
}
}