/*
 * 3Dinga — menu refresh v2 (2026-09-13) — _fixes/MENU2_20260913/
 * Pairs with header.blade.php from THIS folder (SVGs already carry explicit
 * width/height attributes, so they render correctly even without this css).
 * Rollback: restore original header.blade.php; removing this <link> is safe.
 */
.td-ico {
    vertical-align: middle;
    margin-inline-end: .4em;
    flex-shrink: 0;
    display: inline-block;
    transform: translateY(1px); /* optical centering with Persian text */
}
.header_top_nav__link {
    display: inline-flex;
    align-items: center;
    gap: .35em;
}
.header_top_nav__link .td-ico { color: #34b6ea; }
.cat_nav_level1__link {
    display: inline-flex;
    align-items: center;
    gap: .45em;
}
.cat_nav_level1__link .td-ico--cat { opacity: .9; }
.cat_nav_level4__link { display: inline-flex; align-items: center; }
.cat_nav_level4__link .td-ico--sub {
    opacity: .75;
    width: 15px !important; height: 15px !important;
    margin-inline-end: .6em;
    flex-shrink: 0;
}
.cat_nav_level4__link { gap: .15em; }
.header_sticky .header_style2__row2 {
    background: #fff;
    box-shadow: 0 1px 0 #e6ebf0, 0 4px 14px rgba(20,40,60,.05);
}

/* ---- REMOVE the harsh red/blue hover backgrounds under buttons ---- */
/* base theme tints .proBox__price on card hover; kill ALL of it */
.proBox__inner:hover .proBox__price,
.proBox__price,
.proBox__price:hover,
.proBox__inner:hover .proBox__bottom_side.proBox__price {
    background: #fff !important;
    background-image: none !important;
    color: var(--td-ink, #232a33);
}
.proBox__bottom,
.proBox__bottom_side { background: #fff !important; background-image: none !important; }
.proBox__inner:hover .proBox__price_btn,
.proBox__price_btn {
    background: #1587b5 !important;
    background-image: none !important;
    border-radius: 999px !important;
}
.proBox--free .proBox__price_btn { background: #5eb23a !important; }
.proBox--special .proBox__price_btn { background: #ff5737 !important; }
.proBox__price_btn:hover { filter: brightness(1.06); }
/* download button keeps flat color on hover — no red/blue flash */
.proBox__inner:hover .proBox__price_btn--download_icon { background: #1587b5 !important; }
.proBox--free .proBox__inner:hover .proBox__price_btn--download_icon { background: #5eb23a !important; }
.proBox--special .proBox__inner:hover .proBox__price_btn--download_icon { background: #ff5737 !important; }


/* ============ FOOTER — pure-CSS gradient, ALL images removed ============ */
footer,
.footer,
.footer_style1 {
    background: linear-gradient(160deg, #0b2940 0%, #11486c 45%, #1587b5 100%) !important;
    color: #dfeaf1;
}
/* kill every image in the footer (ads, side bg, favicon strip) */
footer img,
.footer img,
.footer_style1 img { display: none !important; }
.footer_part3 .right {
    background-image: none !important;   /* inline style bg */
}
/* social icons circles recolor for the dark footer */
.footer_part3 .social_style1 .circle circle { stroke: rgba(255,255,255,.35) !important; }
footer a, .footer a, .footer_style1 a { color: #c8dbe6; }
footer a:hover, .footer_style1 a:hover { color: #7fd4ff; }
footer .title_style1 .text,
.footer .title_style1 .text,
.footer_style1 .title_style1 .text,
footer .title_style3 .text,
.footer .title_style3 .text { color: #fff !important; }
footer .title_style3 .text .mark,
.footer .title_style3 .text .mark { color: #7fd4ff; }
footer input, .footer input { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.2) !important; color: #fff !important; }
footer input::placeholder { color: #9fb6c2 !important; }
/* bottom strip slightly darker for depth */
.footer_part1, .footer_part2, .footer_part4 {
    background: rgba(6, 24, 38, .35) !important;
}


/* ============ CATEGORY BAR READABILITY FIX ============
   The sticky category row was rendering transparent/ghost over the hero.
   Force a solid white bar with dark text everywhere it appears. */
.header_sticky,
.header_sticky .header_style2__row2,
.header_style2__row2,
.cat_nav_level1 {
    background: #fff !important;
    background-image: none !important;
}
.cat_nav_level1__link,
.cat_nav_level1__link span,
.cat_nav_title__text {
    color: #232a33 !important;
}
.cat_nav_level1__item--active > .cat_nav_level1__link,
.cat_nav_level1__item--active > .cat_nav_level1__link span { color: #1587b5 !important; }
.cat_nav_level1__link:hover,
.cat_nav_level1__link:hover span { color: #1587b5 !important; }
/* mega dropdown panel solid white too */
.cat_nav_level4 {
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(20,40,60,.15) !important;
}
.cat_nav_level4__link, .cat_nav_level4__link span { color: #232a33; }