/* ========================================================= AEK — JA Sensei / T3 Megamenu override (determinista) ========================================================= */ /* 1) MAIN NAV: item padding / line-height */ #t3-mainnav .navbar-nav > li > a, #t3-mainnav .t3-megamenu .mega-nav > li > a, #t3-mainnav .t3-megamenu .mega-nav > li > span { font-size: 14px !important; line-height: 20px !important; padding: 10px 14px !important; } /* 2) SUBMENU: item padding */ #t3-mainnav .dropdown-menu > li > a, #t3-mainnav .t3-megamenu .dropdown-menu > li > a, #t3-mainnav .t3-megamenu .mega-nav .dropdown-menu a { font-size: 13px !important; line-height: 18px !important; padding: 8px 16px !important; } /* 3) MEGAMENU inner spacing */ #t3-mainnav .t3-megamenu .mega-inner { padding: 10px 0 !important; } /* 4) Responsive: pixka bat estutu 1200px azpitik */ @media (max-width: 1200px) { #t3-mainnav .navbar-nav > li > a, #t3-mainnav .t3-megamenu .mega-nav > li > a { padding: 10px 12px !important; } } /* 5) Tap/hover area hobetzeko: anchor display */ #t3-mainnav .navbar-nav > li > a, #t3-mainnav .t3-megamenu .mega-nav > li > a { display: inline-flex !important; align-items: center !important; } /* 6) (Aukerakoa) Menu item-en arteko airea kontrolatu */ #t3-mainnav .navbar-nav > li { margin: 0 !important; } /* ========================================================= DIDAKTIKA — Level pills (SOLID COLORS, %100) ========================================================= */ /* Base pill (forma + tipografia) */ #t3-mainnav .dropdown-menu a.level-A1, #t3-mainnav .dropdown-menu a.level-A2, #t3-mainnav .dropdown-menu a.level-B1, #t3-mainnav .dropdown-menu a.level-B2, #t3-mainnav .dropdown-menu a.level-C1, #t3-mainnav .dropdown-menu a.level-C2, #t3-mainnav .dropdown-menu span.level-A1, #t3-mainnav .dropdown-menu span.level-A2, #t3-mainnav .dropdown-menu span.level-B1, #t3-mainnav .dropdown-menu span.level-B2, #t3-mainnav .dropdown-menu span.level-C1, #t3-mainnav .dropdown-menu span.level-C2 { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 32px !important; min-width: 56px !important; padding: 0 14px !important; margin: 4px auto !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .2px !important; text-transform: uppercase !important; color: #ffffff !important; /* TESTU ZURIA */ border: none !important; box-shadow: 0 6px 16px rgba(0,0,0,.18) !important; text-decoration: none !important; } /* ========================================================= MAILAK — 3 gama oso bereizi (A / B / C) ========================================================= */ /* A — TEAL (Hasierakoa) */ #t3-mainnav .dropdown-menu .level-A1 { background: rgb(0, 168, 150) !important; } #t3-mainnav .dropdown-menu .level-A2 { background: rgb(0, 135, 120) !important; } /* B — PURPLE (Erdikoa / Didaktika vibe) */ #t3-mainnav .dropdown-menu .level-B1 { background: rgb(124, 58, 237) !important; } #t3-mainnav .dropdown-menu .level-B2 { background: rgb(91, 33, 182) !important; } /* C — AMBER / ORANGE (Aurreratua) */ #t3-mainnav .dropdown-menu .level-C1 { background: rgb(245, 158, 11) !important; } #t3-mainnav .dropdown-menu .level-C2 { background: rgb(217, 119, 6) !important; } #t3-mainnav .dropdown-menu .level-C1, #t3-mainnav .dropdown-menu .level-C2 { color: rgb(25, 15, 5) !important; } /* Hover/focus: apur bat ilundu */ #t3-mainnav .dropdown-menu .level-A1:hover, #t3-mainnav .dropdown-menu .level-A2:hover, #t3-mainnav .dropdown-menu .level-B1:hover, #t3-mainnav .dropdown-menu .level-B2:hover, #t3-mainnav .dropdown-menu .level-C1:hover, #t3-mainnav .dropdown-menu .level-C2:hover, #t3-mainnav .dropdown-menu .level-A1:focus, #t3-mainnav .dropdown-menu .level-A2:focus, #t3-mainnav .dropdown-menu .level-B1:focus, #t3-mainnav .dropdown-menu .level-B2:focus, #t3-mainnav .dropdown-menu .level-C1:focus, #t3-mainnav .dropdown-menu .level-C2:focus { filter: brightness(0.92); transform: translateY(-1px); } /* Dropdown row-aren hover-a neutralizatu (ez dezala pill-a “jan”) */ #t3-mainnav .dropdown-menu > li > a:hover, #t3-mainnav .dropdown-menu > li > a:focus { background: transparent !important; } /* ========================================================= MAILAK — Aktiboa nabarmendu (STRONG) ========================================================= */ /* Aktiboaren “selected” efektua: barruko glow + shadow + check */ #t3-mainnav .dropdown-menu li.active > a[class*="level-"], #t3-mainnav .dropdown-menu li.current > a[class*="level-"], #t3-mainnav .dropdown-menu li.active > span[class*="level-"], #t3-mainnav .dropdown-menu li.current > span[class*="level-"], #t3-mainnav .dropdown-menu a[class*="level-"].active, #t3-mainnav .dropdown-menu a[class*="level-"].current { position: relative !important; /* “pop” efektua */ box-shadow: 0 14px 34px rgba(0,0,0,.28), 0 0 0 4px rgba(255,255,255,.85), 0 0 0 8px rgba(0,0,0,.10), inset 0 0 0 2px rgba(255,255,255,.55) !important; transform: translateY(-1px) scale(1.06) !important; } /* Check ikono txikia (goiko eskuinean) */ #t3-mainnav .dropdown-menu li.active > a[class*="level-"]::after, #t3-mainnav .dropdown-menu li.current > a[class*="level-"]::after, #t3-mainnav .dropdown-menu li.active > span[class*="level-"]::after, #t3-mainnav .dropdown-menu li.current > span[class*="level-"]::after, #t3-mainnav .dropdown-menu a[class*="level-"].active::after, #t3-mainnav .dropdown-menu a[class*="level-"].current::after { content: "✓"; position: absolute; right: -6px; top: -6px; width: 18px; height: 18px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; line-height: 1; background: #ffffff; color: #111; box-shadow: 0 10px 20px rgba(0,0,0,.18); } /* ========================================================= MAILAK — Mobile UX ========================================================= */ @media (max-width: 768px) { /* Dropdown-aren itemak erosoago: padding pixka bat */ #t3-mainnav .dropdown-menu > li > a, #t3-mainnav .t3-megamenu .dropdown-menu > li > a { padding: 10px 16px !important; } /* Pill-ak: zabalera handiagoa + zentratu fidagarri */ #t3-mainnav .dropdown-menu a[class*="level-"], #t3-mainnav .dropdown-menu span[class*="level-"] { min-width: 72px !important; height: 36px !important; font-size: 13px !important; padding: 0 16px !important; /* “auto margin” batzuk mobile-n arraro geratzen dira, beraz */ margin: 6px auto !important; } /* Aktiboa: scale gutxitu mobile-n (ez dadila saltoka senti) */ #t3-mainnav .dropdown-menu li.active > a[class*="level-"], #t3-mainnav .dropdown-menu li.current > a[class*="level-"], #t3-mainnav .dropdown-menu li.active > span[class*="level-"], #t3-mainnav .dropdown-menu li.current > span[class*="level-"], #t3-mainnav .dropdown-menu a[class*="level-"].active, #t3-mainnav .dropdown-menu a[class*="level-"].current { transform: translateY(0) scale(1.03) !important; } } /* ========================================================= JA MegaFilter — Level pills (reuse same look) Aplikazioa: filtroan + emaitzen txarteletan ========================================================= */ /* Base pill (edozein tokitan) */ .level-pill{ display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 28px !important; min-width: 52px !important; padding: 0 12px !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .2px !important; text-transform: uppercase !important; color: #fff !important; border: none !important; box-shadow: 0 6px 16px rgba(0,0,0,.18) !important; text-decoration: none !important; vertical-align: middle !important; } /* 3 gama oso bereizi (A / B / C) */ .level-A1, .level-A2, .level-B1, .level-B2, .level-C1, .level-C2 { /* placeholder */ } .level-A1{ background: rgb(0, 168, 150) !important; } .level-A2{ background: rgb(0, 135, 120) !important; } .level-B1{ background: rgb(124, 58, 237) !important; } .level-B2{ background: rgb(91, 33, 182) !important; } .level-C1{ background: rgb(245, 158, 11) !important; color: rgb(25,15,5) !important; } .level-C2{ background: rgb(217, 119, 6) !important; color: rgb(25,15,5) !important; }