/*
Theme Name:  Ideal Pesca
Description: Tema WooCommerce fiel ao layout JA Megastore — acordeão de categorias, mega-menu compacto, 100% responsivo.
Version:     1.1.2
Author:      Netseg Ibérica
Author URI:  https://netseg.ai
Text Domain: idealpesca
*/

/* ══════════════════════════════════════════
   RESET & VARIABLES
══════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
    --blue:       #0057a8;
    --cyan:       #1a9bd7;
    --cyan-dark:  #0e7bb5;
    --nav-bg:     #2c2c2c;
    --nav-hover:  #1a9bd7;
    --white:      #ffffff;
    --gray-light: #f5f6f7;
    --gray-mid:   #e8e8e8;
    --gray-text:  #555555;
    --border:     #e0e0e0;
    --text:       #333333;
    --sidebar-w:  300px;
    --max-w:      1240px;
    --font:       -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
html{font-size:14px;scroll-behavior:smooth}
body{font-family:var(--font);background:#f4f4f4;color:var(--text);line-height:1.6;padding-top:0}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--cyan)}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}

/* ══════════════════════════════════════════
   TOPBAR
══════════════════════════════════════════ */
#ip-topbar{background:#1a1a1a;color:#aaa;font-size:11px;padding:4px 0;display:none}
@media(min-width:960px){#ip-topbar{display:block}}
#ip-topbar .ip-container{display:flex;justify-content:space-between;align-items:center}
#ip-topbar a{color:#aaa}
#ip-topbar a:hover{color:#fff}

/* ══════════════════════════════════════════
   HEADER (branco, igual ao site real)
══════════════════════════════════════════ */
#ip-header{
    background:#fff;
    border-bottom:1px solid var(--border);
    padding:10px 0;
    position:sticky;top:0;z-index:1000;
    box-shadow:0 2px 6px rgba(0,0,0,0.07);
}
#ip-header .ip-container{
    display:flex;align-items:center;gap:16px;
    max-width:var(--max-w);margin:0 auto;padding:0 16px;
}
/* Logo */
.ip-logo a{display:flex;align-items:center;gap:10px;text-decoration:none}
.ip-logo-icon{
    width:52px;height:52px;border-radius:50%;
    background:var(--blue);border:2px solid var(--blue);
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;flex-shrink:0;
}
.ip-logo-icon img{width:100%;height:100%;object-fit:cover;filter:none}
.ip-logo-text{line-height:1.1}
.ip-logo-ideal{display:block;font-size:22px;font-weight:800;color:var(--blue);letter-spacing:1px}
.ip-logo-pesca{display:block;font-size:16px;font-weight:600;color:var(--cyan)}

/* Search */
.ip-search-wrap{flex:1;max-width:560px;display:flex}
.ip-search-wrap input[type="search"]{
    flex:1;border:1px solid var(--border);border-right:none;
    padding:9px 14px;font-size:13px;border-radius:3px 0 0 3px;outline:none;
    background:#f8f9fa;transition:border-color .2s;
}
.ip-search-wrap input[type="search"]:focus{border-color:var(--cyan);background:#fff}
.ip-search-wrap button{
    background:var(--cyan);border:none;color:#fff;
    padding:9px 16px;cursor:pointer;border-radius:0 3px 3px 0;
    font-size:14px;transition:background .2s;
}
.ip-search-wrap button:hover{background:var(--cyan-dark)}

/* Header right */
.ip-header-right{display:flex;align-items:center;gap:14px;flex-shrink:0}
.ip-account-link{
    display:flex;flex-direction:column;align-items:center;
    color:var(--gray-text);font-size:11px;line-height:1.2;cursor:pointer;
    text-decoration:none;
}
.ip-account-link .ip-icon{font-size:20px;display:block;color:var(--blue)}
.ip-account-link:hover{color:var(--cyan)}
.ip-cart-btn{
    display:flex;align-items:center;gap:6px;
    border:2px solid var(--blue);border-radius:4px;
    padding:7px 14px;color:var(--blue);font-size:13px;font-weight:600;
    cursor:pointer;text-decoration:none;transition:all .2s;background:#fff;
}
.ip-cart-btn:hover{background:var(--blue);color:#fff}
.ip-cart-icon{font-size:18px}
.ip-cart-count{
    background:var(--blue);color:#fff;border-radius:50%;
    width:20px;height:20px;display:flex;align-items:center;justify-content:center;
    font-size:11px;font-weight:700;flex-shrink:0;
}
.ip-cart-btn:hover .ip-cart-count{background:#fff;color:var(--blue)}

/* ══════════════════════════════════════════
   NAVBAR — mega-menu compacto
══════════════════════════════════════════ */
#ip-navbar{background:var(--nav-bg);position:relative;z-index:999}
.ip-navbar-inner{
    max-width:var(--max-w);margin:0 auto;
    display:flex;align-items:stretch;
}
/* Label "Categorias" azul, largura igual à sidebar */
.ip-navbar-cats-label{
    background:var(--cyan);color:#fff;
    font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
    padding:0 16px;min-width:var(--sidebar-w);
    display:flex;align-items:center;gap:8px;flex-shrink:0;
}
.ip-navbar-cats-label span{font-size:16px}

/* Nav principal */
.ip-nav{display:flex;align-items:stretch;flex:1}
.ip-nav>li{position:relative}
.ip-nav>li>a{
    display:flex;align-items:center;gap:5px;
    padding:12px 16px;color:rgba(255,255,255,.88);
    font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;
    white-space:nowrap;transition:background .15s,color .15s;height:100%;
}
.ip-nav>li>a:hover,
.ip-nav>li.current-menu-item>a,
.ip-nav>li.ip-menu-open>a{background:var(--nav-hover);color:#fff}

/* Seta dropdown inline */
.ip-submenu-arrow{
    background:none;border:none;color:inherit;font-size:10px;
    cursor:pointer;padding:0 2px;line-height:1;opacity:.7;
}

/* Dropdown */
.ip-nav .sub-menu{
    display:none;
    position:absolute;top:100%;left:0;
    background:#fff;min-width:220px;
    border:1px solid var(--border);border-top:2px solid var(--cyan);
    box-shadow:0 6px 20px rgba(0,0,0,.12);z-index:200;
}
.ip-nav>li.ip-menu-open>.sub-menu{display:block}
.ip-nav .sub-menu li a{
    display:block;padding:9px 16px;
    font-size:13px;color:var(--text);
    border-bottom:1px solid var(--gray-mid);
    transition:background .12s,color .12s;
}
.ip-nav .sub-menu li:last-child a{border-bottom:none}
.ip-nav .sub-menu li a:hover{background:var(--gray-light);color:var(--cyan)}

/* Mobile toggle */
.ip-nav-toggle{
    display:none;background:none;border:none;color:#fff;
    font-size:22px;cursor:pointer;padding:10px 16px;
    margin-left:auto;
}

/* ══════════════════════════════════════════
   CONTAINER & BODY LAYOUT
══════════════════════════════════════════ */
.ip-container{max-width:var(--max-w);margin:0 auto;padding:0 16px}

#ip-body-wrap{
    max-width:var(--max-w);margin:0 auto;padding:16px;
    display:flex;gap:16px;align-items:flex-start;
}

/* ══════════════════════════════════════════
   SIDEBAR
══════════════════════════════════════════ */
#ip-sidebar{width:var(--sidebar-w);flex-shrink:0;position:sticky;top:78px}
.ip-sidebar-box{
    background:#fff;border:1px solid var(--border);
    border-radius:3px;overflow:hidden;margin-bottom:14px;
}
.ip-sidebar-box-title{
    background:var(--cyan);color:#fff;
    font-size:12px;font-weight:700;text-transform:uppercase;
    letter-spacing:.5px;padding:10px 14px;
    display:flex;align-items:center;justify-content:space-between;
    cursor:default;
}
.ip-sidebar-title-link{color:#fff;display:flex;align-items:center;gap:6px;width:100%}
.ip-sidebar-title-link:hover{color:#fff}
.ip-sidebar-title-count{
    background:rgba(0,0,0,.2);border-radius:10px;
    padding:1px 7px;font-size:11px;font-weight:400;margin-left:auto;
}
.ip-sidebar-box-title::after{content:''; display:none}

/* Lista de categorias */
.ip-cat-list{padding:0}
.ip-cat-list>li{border-bottom:1px solid #eeeeee}
.ip-cat-list>li:last-child{border-bottom:none}
.ip-cat-row{
    display:flex;align-items:center;gap:6px;
    padding:0;
}
.ip-cat-link{
    flex:1;display:block;padding:9px 10px 9px 14px;
    font-size:12.5px;color:#444;font-weight:500;
    transition:color .15s,background .15s;
}
.ip-cat-list>li:hover>.ip-cat-row>.ip-cat-link,
.ip-cat-list>li.current-cat>.ip-cat-row>.ip-cat-link{
    color:var(--cyan);background:#f0f8fd;
}
.ip-cat-list>li.current-cat>.ip-cat-row{border-left:3px solid var(--cyan)}
.ip-cat-count{
    font-size:11px;color:#999;background:#f5f5f5;
    border-radius:10px;padding:1px 6px;white-space:nowrap;
    flex-shrink:0;margin-right:6px;
}
.ip-cat-thumb{width:24px;height:24px;object-fit:cover;border-radius:2px;flex-shrink:0;margin-left:8px}
.ip-cat-toggle{
    background:none;border:none;cursor:pointer;
    width:30px;height:100%;padding:8px 8px;
    color:#aaa;font-size:14px;font-weight:700;
    display:flex;align-items:center;justify-content:center;
    transition:color .15s;flex-shrink:0;
}
.ip-cat-toggle:hover{color:var(--cyan)}

/* Sub-categorias */
.ip-subcat-list{display:none;background:#fafafa;border-top:1px solid #eee}
.ip-subcat-list.open{display:block}
.ip-subcat-list li{border-bottom:1px solid #f0f0f0}
.ip-subcat-list li:last-child{border-bottom:none}
.ip-subcat-list li a{
    display:flex;align-items:center;justify-content:space-between;
    padding:7px 14px 7px 28px;font-size:12px;color:#555;
    transition:color .12s,background .12s;
}
.ip-subcat-list li a:hover,
.ip-subcat-list li.current-cat a{color:var(--cyan);background:#f0f8fd}
.ip-subcat-list li.current-cat a{font-weight:600}

/* Categorias escondidas (ver mais) */
.ip-cat-hidden{display:none}
.ip-cat-more-wrap{padding:8px 14px;border-top:1px solid #eee;background:#fafafa}
.ip-cat-more-btn{
    width:100%;background:none;border:1px solid var(--border);
    border-radius:3px;padding:7px 12px;
    font-size:12px;color:var(--cyan);cursor:pointer;
    font-weight:600;transition:all .15s;
}
.ip-cat-more-btn:hover{background:var(--cyan);color:#fff;border-color:var(--cyan)}

/* ══════════════════════════════════════════
   MAIN CONTENT
══════════════════════════════════════════ */
#ip-main{flex:1;min-width:0}

/* Banners: 1 grande + 2 empilhados */
.ip-hero-banners{
    display:grid;
    grid-template-columns:58.5% 1fr;
    gap:4px;margin-bottom:4px;
}
.ip-hero-main{display:block;overflow:hidden}
.ip-hero-main img{width:100%;height:100%;object-fit:cover}
.ip-hero-stack{display:flex;flex-direction:column;gap:4px}
.ip-hero-stack a{display:block;overflow:hidden;flex:1}
.ip-hero-stack a img{width:100%;height:100%;object-fit:cover}

/* Banners secundários 4 col */
.ip-secondary-banners{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.ip-secondary-banners a img{width:100%;border-radius:3px}

/* Notice box */
.ip-notice-box{
    background:#fff8f0;border-left:4px solid var(--cyan);
    padding:10px 16px;font-size:13px;color:#444;margin-bottom:16px;
    border-radius:0 3px 3px 0;
}
/* Section title */
.ip-section-title{
    font-size:13px;font-weight:700;color:var(--blue);
    text-transform:uppercase;letter-spacing:.5px;
    border-bottom:2px solid var(--cyan);padding-bottom:7px;margin-bottom:14px;
}

/* Manufacturers */
.ip-manufacturers-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
    gap:8px;margin-bottom:20px;
}
.ip-mf-card{
    background:#fff;border:1px solid var(--border);border-radius:3px;
    padding:8px;text-align:center;transition:border-color .2s,box-shadow .2s;
}
.ip-mf-card:hover{border-color:var(--cyan);box-shadow:0 2px 8px rgba(26,155,215,.15)}
.ip-mf-card img{width:100%;height:54px;object-fit:contain;margin:0 auto}
.ip-mf-card span{display:block;font-size:11px;color:#666;margin-top:5px;font-weight:600}

/* ══════════════════════════════════════════
   WOOCOMMERCE — GRID
══════════════════════════════════════════ */
.woocommerce-products-header{
    background:#fff;border:1px solid var(--border);
    border-left:3px solid var(--cyan);border-radius:3px;
    padding:10px 16px;margin-bottom:14px;
}
.woocommerce-products-header__title{font-size:16px!important;color:var(--blue)!important;margin:0!important}
.woocommerce .woocommerce-breadcrumb{
    font-size:12px;color:#888;margin-bottom:12px!important;
    padding:7px 12px!important;background:#fff;border:1px solid var(--border);border-radius:3px;
}
.woocommerce .woocommerce-breadcrumb a{color:var(--blue)}
.woocommerce .woocommerce-breadcrumb a:hover{color:var(--cyan)}

.woocommerce ul.products{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;
    gap:10px!important;margin:0 0 20px!important;padding:0!important;
}
.woocommerce ul.products li.product{
    background:#fff;border:1px solid var(--border);border-radius:3px;
    padding:10px!important;text-align:center;
    transition:box-shadow .2s,border-color .2s;
    list-style:none!important;float:none!important;width:auto!important;margin:0!important;
}
.woocommerce ul.products li.product:hover{
    box-shadow:0 4px 14px rgba(0,0,0,.09);border-color:var(--cyan);
}
.woocommerce ul.products li.product img{width:100%;height:150px;object-fit:contain;margin-bottom:8px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:12px!important;font-weight:600;color:#333;
    line-height:1.4;margin-bottom:6px!important;padding:0!important;
}
.woocommerce ul.products li.product .price{color:var(--cyan)!important;font-size:14px!important;font-weight:700}
.woocommerce ul.products li.product .button{
    display:block!important;width:100%!important;margin-top:8px!important;
    background:var(--blue)!important;color:#fff!important;border:none!important;
    padding:7px 0!important;font-size:12px!important;border-radius:3px!important;
    cursor:pointer;transition:background .2s!important;
}
.woocommerce ul.products li.product .button:hover{background:var(--cyan)!important}
.woocommerce span.onsale{
    background:var(--cyan)!important;border-radius:3px!important;
    top:6px!important;left:6px!important;font-size:11px!important;
    padding:2px 7px!important;min-height:auto!important;line-height:1.4!important;
}

/* Ordering / result count */
.woocommerce-result-count{font-size:12px;color:#888}
.woocommerce-ordering select{
    border:1px solid var(--border);border-radius:3px;
    padding:5px 10px;font-size:12px;color:#555;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul{display:flex;gap:3px;justify-content:center;border:none!important}
.woocommerce nav.woocommerce-pagination ul li{border:none!important}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
    border:1px solid var(--border)!important;border-radius:3px!important;
    padding:5px 10px!important;font-size:13px!important;
    color:var(--blue)!important;background:#fff!important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
    background:var(--cyan)!important;color:#fff!important;border-color:var(--cyan)!important;
}

/* ══════════════════════════════════════════
   SINGLE PRODUCT
══════════════════════════════════════════ */
.woocommerce div.product{background:#fff;border:1px solid var(--border);border-radius:3px;padding:20px}
.woocommerce div.product .product_title{font-size:20px!important;color:var(--blue)!important;margin-bottom:8px!important}
.woocommerce div.product .price{font-size:22px!important;color:var(--cyan)!important;font-weight:700!important}
.woocommerce div.product form.cart .button{
    background:var(--cyan)!important;color:#fff!important;
    border-radius:3px!important;padding:12px 28px!important;
    font-size:14px!important;transition:background .2s!important;
}
.woocommerce div.product form.cart .button:hover{background:var(--cyan-dark)!important}

/* ══════════════════════════════════════════
   CART & CHECKOUT
══════════════════════════════════════════ */
.woocommerce table.shop_table{border:1px solid var(--border)!important;border-radius:3px}
.woocommerce table.shop_table thead th{
    background:var(--blue)!important;color:#fff!important;
    font-size:12px!important;text-transform:uppercase;padding:10px 14px!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    background:var(--cyan)!important;border-radius:3px!important;
    font-size:14px!important;padding:13px!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{background:var(--cyan-dark)!important}

/* Notices */
.woocommerce-message,.woocommerce-info{border-top-color:var(--cyan)!important;background:#f0f8fd!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--cyan)!important}

/* ══════════════════════════════════════════
   FOOTER
══════════════════════════════════════════ */
#ip-footer{background:#222;color:rgba(255,255,255,.7);margin-top:30px}
.ip-footer-inner{
    max-width:var(--max-w);margin:0 auto;
    padding:30px 16px 20px;
    display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;
}
.ip-footer-col h4{
    color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.6px;
    margin-bottom:12px;border-bottom:2px solid var(--cyan);padding-bottom:6px;
}
.ip-footer-col p,.ip-footer-col li{font-size:12px;line-height:1.9}
.ip-footer-col li a{color:rgba(255,255,255,.6)}
.ip-footer-col li a:hover{color:var(--cyan)}
.ip-footer-logo{filter:brightness(0) invert(1);height:38px;width:auto;margin-bottom:10px}
.ip-footer-bottom{
    background:#111;text-align:center;
    padding:12px 16px;font-size:11px;color:rgba(255,255,255,.4);
}
.ip-footer-bottom a{color:rgba(255,255,255,.5)}
.ip-footer-bottom a:hover{color:var(--cyan)}

/* ══════════════════════════════════════════
   PAGE & GENERIC
══════════════════════════════════════════ */
.ip-page-content{background:#fff;border:1px solid var(--border);border-radius:3px;padding:24px}
.ip-page-content h1,.ip-page-content h2{
    color:var(--blue);border-bottom:2px solid var(--cyan);
    padding-bottom:7px;margin-bottom:14px;
}
.ip-page-content p{margin-bottom:12px;font-size:14px;line-height:1.8}

/* ══════════════════════════════════════════
   RESPONSIVO COMPLETO
══════════════════════════════════════════ */

/* Tablet (< 1024px) */
@media(max-width:1024px){
    :root{--sidebar-w:240px}
    .ip-manufacturers-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
    .ip-footer-inner{grid-template-columns:1fr 1fr}
}

/* Mobile/Tablet (< 960px) — sidebar colapsa */
@media(max-width:960px){
    #ip-body-wrap{flex-direction:column;gap:10px}
    #ip-sidebar{width:100%;position:static}
    .ip-cat-list{display:none}
    .ip-cat-more-wrap{display:none}
    .ip-sidebar-box-title{cursor:pointer}
    .ip-sidebar-box-title::after{content:'▼';font-size:10px;float:right;margin-left:auto}
    .ip-sidebar-title-open::after{content:'▲'}
    .ip-hero-banners{grid-template-columns:1fr}
    .ip-hero-stack{flex-direction:row}
    .ip-secondary-banners{grid-template-columns:repeat(2,1fr)}
    .woocommerce ul.products{grid-template-columns:repeat(3,1fr)!important}
}

/* Mobile (< 660px) */
@media(max-width:660px){
    #ip-header .ip-container{flex-wrap:wrap;gap:8px}
    .ip-search-wrap{order:3;flex:1 1 100%}
    .ip-logo{flex:1}
    .ip-account-link span:last-child{display:none}
    .ip-nav-toggle{display:flex;align-items:center;justify-content:center}
    .ip-navbar-cats-label{display:none}
    .ip-nav{
        display:none;flex-direction:column;width:100%;
        position:absolute;top:100%;left:0;
        background:var(--nav-bg);z-index:500;
        border-top:2px solid var(--cyan);
        max-height:70vh;overflow-y:auto;
    }
    .ip-nav.ip-nav-mobile-open{display:flex}
    .ip-nav>li>a{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
    .ip-nav .sub-menu{position:static;border:none;box-shadow:none;background:#222;display:none}
    .ip-nav>li.ip-menu-open>.sub-menu{display:block}
    .ip-nav .sub-menu li a{color:rgba(255,255,255,.75);padding:9px 16px 9px 32px;border-bottom-color:rgba(255,255,255,.05)}
    .ip-nav .sub-menu li a:hover{color:#fff;background:rgba(255,255,255,.07)}
    .ip-hero-stack{flex-direction:column}
    .ip-secondary-banners{grid-template-columns:1fr 1fr}
    .ip-manufacturers-grid{grid-template-columns:repeat(3,1fr)}
    .ip-footer-inner{grid-template-columns:1fr}
    .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
    .ip-cart-btn span:not(.ip-cart-icon):not(.ip-cart-count){display:none}
}

/* Extra-small (< 400px) */
@media(max-width:400px){
    .woocommerce ul.products{grid-template-columns:1fr!important}
    .ip-manufacturers-grid{grid-template-columns:repeat(2,1fr)}
    .ip-secondary-banners{grid-template-columns:1fr}
}

/* ══════════════════════════════════════════
   FIX MEGA-MENU — navbar compacto
   Esconde overflow, mega-dropdown em grelha
══════════════════════════════════════════ */

/* Navbar não cresce nem wraps */
.ip-navbar-inner { overflow: hidden; }
.ip-nav {
    overflow: hidden !important;
    flex-wrap: nowrap !important;
    max-height: 46px;
}
.ip-nav > li > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

/* Esconder itens que transbordem (> 6 itens) */
.ip-nav > li:nth-child(n+7) { display: none !important; }

/* ── Mega-dropdown de categorias (abre do botão Categorias) ── */
.ip-navbar-cats-label {
    cursor: pointer;
    user-select: none;
    position: relative;
    z-index: 600;
    transition: background .15s;
}
.ip-navbar-cats-label:hover { background: var(--cyan-dark); }

#ip-mega-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: var(--sidebar-w);
    background: #fff;
    border: 1px solid var(--border);
    border-top: 2px solid var(--cyan);
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    z-index: 700;
    max-height: 70vh;
    overflow-y: auto;
}
#ip-mega-panel.open { display: block; }

#ip-mega-panel ul { padding: 6px 0; }
#ip-mega-panel ul li { border-bottom: 1px solid #f0f0f0; }
#ip-mega-panel ul li:last-child { border-bottom: none; }
#ip-mega-panel ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 16px;
    font-size: 12.5px;
    color: #444;
    font-weight: 500;
    transition: background .12s, color .12s;
}
#ip-mega-panel ul li a:hover { background: #f0f8fd; color: var(--cyan); }
#ip-mega-panel ul li a .ip-mega-count {
    font-size: 11px; color: #999;
    background: #f5f5f5; border-radius: 10px;
    padding: 1px 6px; flex-shrink: 0;
}

/* Container da navbar precisa de position relative */
#ip-navbar { position: relative; }