/* Source: assets/css/extracted/footer_1.css */ @media(max-width:1023px){ .jetle-mobile-bottom{ background:linear-gradient(125deg,rgba(18,34,53,.73),rgba(39,58,78,.61),rgba(13,26,44,.78))!important; border:1px solid rgba(255,224,145,.68)!important; border-radius:24px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,219,142,.13),0 13px 35px rgba(0,0,0,.32)!important; backdrop-filter:blur(25px) saturate(165%)!important;-webkit-backdrop-filter:blur(25px) saturate(165%)!important; } .jetle-mobile-bottom-item{color:#fff4d4!important;text-shadow:0 1px 3px rgba(0,0,0,.6)!important} .jetle-mobile-bottom-item svg{filter:drop-shadow(0 2px 3px rgba(0,0,0,.24))} .jetle-mobile-bottom-item:hover{background:rgba(255,255,255,.16)!important;color:#fff!important} .jetle-mobile-bottom-item.jetle-active,.dark .jetle-mobile-bottom-item.jetle-active{ color:#17243b!important;background:linear-gradient(145deg,#ffe694,#ffc33d)!important; border:1px solid rgba(255,255,255,.8)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 5px 13px rgba(0,0,0,.25)!important; text-shadow:none!important; } .jetle-mobile-bottom-item.jetle-active span,.jetle-mobile-bottom-item.jetle-active svg{color:#17243b!important} html.dark .jetle-mobile-bottom{background:linear-gradient(125deg,rgba(7,17,29,.74),rgba(29,47,67,.67),rgba(5,14,26,.81))!important;border-color:rgba(150,194,236,.53)!important} } /* Source: assets/css/extracted/footer_2.css */ /* ========================================================= ANA ALT MENÜ ========================================================= */ .jetle-mobile-bottom{ position:fixed; left:10px; right:10px; bottom:10px; z-index:99999; width:auto; padding: 7px 7px calc(7px + env(safe-area-inset-bottom)); border-radius:24px; background:rgba(255,255,255,.96); border:1px solid #e4e4e7; box-shadow: 0 12px 40px rgba(0,0,0,.16), 0 3px 12px rgba(0,0,0,.08); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); } /* ========================================================= DARK MODE ========================================================= */ .dark .jetle-mobile-bottom{ background:rgba(24,24,27,.96); border-color:#3f3f46; box-shadow: 0 15px 45px rgba(0,0,0,.60), 0 3px 15px rgba(0,0,0,.35); } /* ========================================================= 5 EŞİT MENÜ ========================================================= */ .jetle-mobile-bottom-grid{ display:grid; grid-template-columns: repeat(5,minmax(0,1fr)); width:100%; align-items:stretch; gap:4px; } .jetle-mobile-bottom-grid.jetle-grid-4{ grid-template-columns: repeat(4,minmax(0,1fr)); } /* ========================================================= NORMAL MENÜ BUTONU ========================================================= */ .jetle-mobile-bottom-item{ position:relative; width:100%; min-width:0; height:60px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:6px 2px; border-radius:18px; color:#71717a; background:transparent; text-decoration:none; -webkit-tap-highlight-color:transparent; transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; } /* ========================================================= NORMAL ICON ========================================================= */ .jetle-mobile-bottom-item svg{ width:22px; height:22px; flex:none; stroke-width:2.2; transition: transform .18s ease, color .18s ease; } /* ========================================================= NORMAL YAZI ========================================================= */ .jetle-mobile-bottom-item span{ display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size:10px; line-height:12px; font-weight:700; } /* ========================================================= NORMAL HOVER ========================================================= */ .jetle-mobile-bottom-item:hover{ background:#f4f4f5; color:#18181b; } .jetle-mobile-bottom-item:hover svg{ transform:translateY(-1px); } /* ========================================================= DARK NORMAL ========================================================= */ .dark .jetle-mobile-bottom-item{ color:#a1a1aa; } .dark .jetle-mobile-bottom-item:hover{ background:#27272a; color:#fafafa; } /* ========================================================= ========================================================= AKTİF SAYFA SARI / SİYAH ========================================================= ========================================================= */ .jetle-mobile-bottom-item.jetle-active{ background:#facc15; color:#111111; box-shadow: 0 4px 14px rgba(250,204,21,.28); } /* ========================================================= AKTİF ICON ========================================================= */ .jetle-mobile-bottom-item.jetle-active svg{ color:#111111; transform:none; } /* ========================================================= AKTİF YAZI ========================================================= */ .jetle-mobile-bottom-item.jetle-active span{ color:#111111; font-weight:800; } /* ========================================================= AKTİF NOKTA YOK ========================================================= */ .jetle-mobile-bottom-item.jetle-active::after{ display:none; } /* ========================================================= DARK MODE AKTİF YİNE SARI / SİYAH ========================================================= */ .dark .jetle-mobile-bottom-item.jetle-active{ background:#facc15; color:#111111; box-shadow: 0 4px 16px rgba(250,204,21,.35); } .dark .jetle-mobile-bottom-item.jetle-active svg{ color:#111111; } .dark .jetle-mobile-bottom-item.jetle-active span{ color:#111111; } /* ========================================================= ALT MENÜ BOŞLUĞU ========================================================= */ .jetle-mobile-bottom-space{ display:block; height:105px; } /* ========================================================= ÇOK KÜÇÜK TELEFON ========================================================= */ @media(max-width:380px){ .jetle-mobile-bottom{ left:7px; right:7px; bottom:7px; padding: 6px 6px calc(6px + env(safe-area-inset-bottom)); border-radius:21px; } .jetle-mobile-bottom-grid{ gap:2px; } .jetle-mobile-bottom-item{ height:56px; border-radius:16px; gap:4px; } .jetle-mobile-bottom-item svg{ width:20px; height:20px; } .jetle-mobile-bottom-item span{ font-size:9px; line-height:11px; } } /* ========================================================= DESKTOP GİZLE ========================================================= */ @media(min-width:1024px){ .jetle-mobile-bottom{ display:none !important; } .jetle-mobile-bottom-space{ display:none !important; } }