/* taczi-megamenu.css - سبک پایه و واکنش‌گرا برای مگامنو TacZi */

/* پایه */
.taczi-megamenu { font-family: "Tahoma", "Vazir", Arial, sans-serif; background: #ffffff; border-bottom: 1px solid #e6e6e6; }
.taczi-megamenu .taczi-mobile-toggle { display: none; padding: 12px 16px; background:#0b5; border:none; color:#fff; font-weight:700; cursor:pointer; }
.taczi-menu { display:flex; gap:12px; margin:0; padding:10px 20px; list-style:none; align-items:flex-start; flex-wrap:wrap; }
.taczi-item { position:relative; }
.taczi-link { color:#111; text-decoration:none; padding:8px 10px; display:inline-block; font-weight:600; }
.taczi-link:hover { color:#0a66c2; }

/* المان مگامنو */
.taczi-sub.mega { position:absolute; left:0; top:100%; width:920px; background:linear-gradient(180deg,#ffffff,#fbfbfb); box-shadow:0 8px 24px rgba(15,15,15,0.08); padding:18px; border-radius:6px; display:none; z-index:9999; }
.taczi-sub-inner { display:flex; gap:22px; flex-wrap:wrap; }
.taczi-sub-column { width:220px; }
.taczi-sub-title { margin:0 0 8px 0; font-size:15px; }
.taczi-sub-list { list-style:none; padding:0; margin:0 0 8px 0; }
.taczi-sub-list li { margin-bottom:6px; }
.taczi-sub-list li a { color:#333; text-decoration:none; font-size:14px; }
.taczi-recent-posts li a { font-style:italic; }

/* show on hover */
.taczi-item:hover > .taczi-sub.mega { display:block; transform-origin:top center; animation: tacziFade .14s ease-out; }

/* small animation */
@keyframes tacziFade { from {opacity:0; transform: translateY(-6px);} to {opacity:1; transform:translateY(0);} }

/* responsive */
@media (max-width:980px) {
    .taczi-menu { display:none; }
    .taczi-megamenu .taczi-mobile-toggle { display:block; }
    .taczi-sub.mega { position:relative; width:100%; box-shadow:none; margin-top:8px; }
    .taczi-sub-inner { display:block; }
    .taczi-sub-column { width:100%; margin-bottom:12px; }
}

/* aesthetics */
.taczi-menu .taczi-link::after { content: ""; display:inline-block; margin-left:6px; border:6px solid transparent; border-top-color:#ccc; vertical-align:middle; transform:translateY(2px); }
.taczi-item .taczi-link:focus { outline:2px solid rgba(10,102,194,0.12); outline-offset:2px; }

/* utility */
.taczi-megamenu a { transition: color .12s ease; }