/* =========================================================
   MC4FUN CLEAN FULL REBUILD V1
   Tek header / tek hero / tek mobil menü / dark-light system
========================================================= */
:root{
  --mc4-night-bg: url('/apps/main/app/views/themes/leaf/assets/img/mc4fun-bg-night-rebuild.png');
  --mc4-summer-bg: url('/apps/main/app/views/themes/leaf/assets/img/mc4fun-bg-summer-rebuild.png');
  --mc4-bg-img: var(--mc4-night-bg);
  --mc4-bg:#030712;
  --mc4-bg-2:#070b1a;
  --mc4-card:rgba(10,14,33,.78);
  --mc4-card-2:rgba(15,23,42,.86);
  --mc4-card-3:rgba(20,27,51,.92);
  --mc4-border:rgba(139,92,246,.34);
  --mc4-border-2:rgba(255,255,255,.10);
  --mc4-text:#f8fafc;
  --mc4-muted:rgba(226,232,240,.72);
  --mc4-soft:rgba(226,232,240,.54);
  --mc4-purple:#8b5cf6;
  --mc4-gold:#facc15;
  --mc4-green:#22c55e;
  --mc4-blue:#60a5fa;
  --mc4-danger:#ef4444;
  --mc4-header-h:68px;
  --mc4-header-top:14px;
  --mc4-header-blur:5px;
  --mc4-bg-blur:28px;
  --mc4-bg-blur-opacity:.25;
  --mc4-radius:22px;
  --mc4-shadow:0 26px 80px rgba(0,0,0,.44);
}
body.mc4-theme-light{
  --mc4-bg-img: var(--mc4-summer-bg);
  --mc4-bg:#f0f9ff;
  --mc4-bg-2:#e0f2fe;
  --mc4-card:rgba(255,255,255,.72);
  --mc4-card-2:rgba(255,255,255,.84);
  --mc4-card-3:rgba(255,255,255,.92);
  --mc4-border:rgba(14,165,233,.32);
  --mc4-border-2:rgba(15,23,42,.10);
  --mc4-text:#0f172a;
  --mc4-muted:rgba(15,23,42,.72);
  --mc4-soft:rgba(15,23,42,.54);
  --mc4-purple:#2563eb;
  --mc4-gold:#d97706;
  --mc4-green:#16a34a;
  --mc4-blue:#0284c7;
  --mc4-shadow:0 24px 70px rgba(14,116,144,.20);
}
html,body{margin:0!important;padding:0!important;width:100%!important;min-height:100%!important;overflow-x:hidden!important;scroll-behavior:smooth;}
body.mc4-rebuild{font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:var(--mc4-bg)!important;color:var(--mc4-text)!important;min-height:100vh!important;position:relative!important;}
body.mc4-rebuild::before{content:""!important;position:fixed!important;inset:-42px!important;z-index:-4!important;background:var(--mc4-bg-img) center center / cover no-repeat!important;filter:blur(var(--mc4-bg-blur))!important;opacity:var(--mc4-bg-blur-opacity)!important;transform:scale(1.07)!important;pointer-events:none!important;display:block!important;}
body.mc4-rebuild::after{content:""!important;position:fixed!important;inset:0!important;z-index:-3!important;background:radial-gradient(circle at 50% 32%,rgba(139,92,246,.28),transparent 34%),linear-gradient(180deg,rgba(3,7,18,.78),rgba(3,7,18,.97))!important;pointer-events:none!important;display:block!important;}
body.mc4-theme-light::after{background:radial-gradient(circle at 76% 12%,rgba(250,204,21,.22),transparent 26%),linear-gradient(180deg,rgba(240,249,255,.76),rgba(224,242,254,.94))!important;}
body.mc4-rebuild *{box-sizing:border-box;}
body.mc4-rebuild a{text-decoration:none;}
body.mc4-rebuild img{max-width:100%;height:auto;}
[x-cloak]{display:none!important;}

/* Force old header/topbar variants away while keeping rebuild header visible */
body.mc4-rebuild > header:not(.mc4-master-header),
body.mc4-rebuild #header:not(.mc4-master-header),
body.mc4-rebuild .header:not(.mc4-master-header),
body.mc4-rebuild .navbar:not(.mc4-master-header),
body.mc4-rebuild .topbar,
body.mc4-rebuild .site-header:not(.mc4-master-header),
body.mc4-rebuild .main-header:not(.mc4-master-header){display:none!important;height:0!important;min-height:0!important;overflow:hidden!important;}
body.mc4-rebuild .mc4-master-header{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;}

/* =========================
   UNIVERSAL HEADER
========================= */
.mc4-master-header{position:fixed!important;top:var(--mc4-header-top)!important;left:0!important;right:0!important;z-index:9998!important;width:100%!important;margin:0!important;padding:0 14px!important;background:transparent!important;pointer-events:none!important;border:0!important;}
.mc4-master-shell{width:min(1540px,calc(100vw - 28px))!important;height:var(--mc4-header-h)!important;margin:0 auto!important;padding:8px!important;display:grid!important;grid-template-columns:210px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(12,17,39,.74),rgba(6,10,24,.88))!important;border:1px solid rgba(167,139,250,.34)!important;box-shadow:0 20px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.09)!important;backdrop-filter:blur(var(--mc4-header-blur))!important;-webkit-backdrop-filter:blur(var(--mc4-header-blur))!important;pointer-events:auto!important;}
body.mc4-theme-light .mc4-master-shell{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(240,249,255,.86))!important;border-color:rgba(14,165,233,.34)!important;box-shadow:0 18px 60px rgba(14,116,144,.18),inset 0 1px 0 rgba(255,255,255,.72)!important;}
.mc4-master-brand{height:50px!important;min-width:0!important;padding:0 16px!important;display:flex!important;align-items:center!important;gap:10px!important;border-radius:18px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;color:var(--mc4-text)!important;font-weight:1000!important;letter-spacing:-.03em!important;white-space:nowrap!important;overflow:hidden!important;}
.mc4-master-brand img{width:42px!important;height:42px!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35));}
.mc4-master-brand strong{font-size:15px!important;color:var(--mc4-text)!important;}
.mc4-master-nav{min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;}
.mc4-master-nav-item{height:50px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:16px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;color:var(--mc4-text)!important;font-size:13px!important;font-weight:1000!important;line-height:1!important;transition:.18s ease!important;}
.mc4-master-nav-item:hover{transform:translateY(-1px)!important;background:rgba(139,92,246,.18)!important;border-color:rgba(167,139,250,.42)!important;}
.mc4-master-nav-item.active,.mc4-master-nav-item.credit.active{color:#fff7cc!important;background:radial-gradient(circle at 20% 0%,rgba(250,204,21,.32),transparent 38%),linear-gradient(180deg,rgba(250,204,21,.24),rgba(120,53,15,.20))!important;border-color:rgba(250,204,21,.62)!important;box-shadow:0 0 28px rgba(250,204,21,.18),inset 0 1px 0 rgba(255,255,255,.13)!important;}
.mc4-master-nav-icon{width:31px!important;height:31px!important;min-width:31px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:rgba(139,92,246,.20)!important;color:#ddd6fe!important;}
.mc4-master-nav-item.home .mc4-master-nav-icon,.mc4-master-nav-item.credit .mc4-master-nav-icon{background:rgba(250,204,21,.18)!important;color:#facc15!important;}
.mc4-master-nav-item.chest .mc4-master-nav-icon{background:rgba(16,185,129,.18)!important;color:#6ee7b7!important;}
.mc4-master-nav-item.staff .mc4-master-nav-icon{background:rgba(59,130,246,.18)!important;color:#93c5fd!important;}
.mc4-master-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;}
.mc4-master-online,.mc4-theme-toggle,.mc4-master-cart,.mc4-mobile-menu-btn,.mc4-master-auth a,.mc4-master-user-btn{height:50px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.065)!important;color:var(--mc4-text)!important;font-weight:1000!important;font-size:12px!important;line-height:1!important;cursor:pointer!important;transition:.18s ease!important;}
.mc4-master-online{padding:0 14px!important;gap:8px!important;color:#fff7cc!important;border-color:rgba(250,204,21,.42)!important;background:linear-gradient(180deg,rgba(250,204,21,.13),rgba(120,53,15,.15))!important;}
.mc4-master-online i{color:#facc15!important;}
.mc4-theme-toggle,.mc4-master-cart,.mc4-mobile-menu-btn{width:50px!important;padding:0!important;}
.mc4-master-cart{position:relative!important;color:#fff7cc!important;border-color:rgba(250,204,21,.42)!important;background:rgba(250,204,21,.10)!important;}
.mc4-master-cart .shopping-cart-count{position:absolute!important;right:5px!important;top:5px!important;width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:99px!important;background:#facc15!important;color:#18181b!important;font-size:10px!important;font-weight:1000!important;}
.mc4-master-auth{display:flex!important;align-items:center!important;gap:6px!important;}
.mc4-master-auth a{padding:0 12px!important;}
.mc4-master-user{position:relative!important;}
.mc4-master-user-btn{padding:0 10px!important;gap:8px!important;max-width:190px!important;}
.mc4-master-user-btn span{max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--mc4-text)!important;}
.mc4-master-avatar,.mc4-master-user-btn img{width:34px!important;height:34px!important;border-radius:12px!important;min-width:34px!important;}
.mc4-mobile-menu-btn{display:none!important;}
.mc4-master-actions button:hover,.mc4-master-actions a:hover,.mc4-master-user-btn:hover{transform:translateY(-1px)!important;background:rgba(139,92,246,.18)!important;border-color:rgba(167,139,250,.44)!important;}

/* Page hero, identical on every inner page */
.mc4-master-pagehero{position:relative!important;min-height:330px!important;height:330px!important;margin:0!important;padding:calc(var(--mc4-header-top) + var(--mc4-header-h) + 42px) 18px 46px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(3,7,18,.18),rgba(3,7,18,.92)),var(--mc4-bg-img) center center / cover no-repeat!important;border-bottom:1px solid rgba(139,92,246,.30)!important;}
.mc4-master-pagehero::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;height:150px!important;background:linear-gradient(180deg,transparent,var(--mc4-bg))!important;z-index:1!important;pointer-events:none!important;}
.mc4-pagehero-pills{position:relative!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-bottom:16px!important;}
.mc4-pagehero-pills button{height:39px!important;padding:0 15px!important;border-radius:14px!important;background:rgba(6,10,24,.72)!important;border:1px solid rgba(255,255,255,.14)!important;color:var(--mc4-text)!important;font-size:12px!important;font-weight:1000!important;box-shadow:0 14px 34px rgba(0,0,0,.25)!important;backdrop-filter:blur(5px)!important;}
.mc4-pagehero-pills button:last-child{color:#fff7cc!important;border-color:rgba(250,204,21,.44)!important;background:rgba(250,204,21,.12)!important;}
.mc4-master-pagehero h1{position:relative!important;z-index:3!important;margin:0 auto!important;max-width:1050px!important;color:#fff!important;font-size:clamp(38px,4.6vw,70px)!important;line-height:.94!important;font-weight:1000!important;letter-spacing:-.06em!important;text-transform:uppercase!important;text-shadow:0 16px 40px rgba(0,0,0,.82),0 0 24px rgba(139,92,246,.22)!important;}
.mc4-master-pagehero p{position:relative!important;z-index:3!important;margin:14px 0 0!important;color:rgba(226,232,240,.84)!important;font-size:14px!important;font-weight:800!important;}
body.mc4-theme-light .mc4-master-pagehero{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(240,249,255,.82)),var(--mc4-bg-img) center center / cover no-repeat!important;}
body.mc4-theme-light .mc4-master-pagehero h1{color:#fff!important;text-shadow:0 10px 24px rgba(2,6,23,.55)!important;}
body.mc4-theme-light .mc4-master-pagehero::after{background:linear-gradient(180deg,transparent,rgba(240,249,255,.98))!important;}

/* Mobile drawer */
.mc4-mobile-backdrop{position:fixed!important;inset:0!important;z-index:9999!important;background:rgba(0,0,0,.62)!important;opacity:0!important;visibility:hidden!important;transition:.2s ease!important;backdrop-filter:blur(4px)!important;}
.mc4-mobile-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:min(390px,calc(100vw - 34px))!important;z-index:10000!important;padding:18px!important;background:linear-gradient(180deg,rgba(12,17,39,.96),rgba(3,7,18,.98))!important;border-left:1px solid rgba(139,92,246,.36)!important;box-shadow:-28px 0 80px rgba(0,0,0,.54)!important;transform:translateX(105%)!important;transition:.22s ease!important;overflow-y:auto!important;color:#fff!important;}
body.mc4-theme-light .mc4-mobile-drawer{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(224,242,254,.98))!important;color:#0f172a!important;}
body.mc4-menu-open .mc4-mobile-backdrop{opacity:1!important;visibility:visible!important;}
body.mc4-menu-open .mc4-mobile-drawer{transform:translateX(0)!important;}
.mc4-mobile-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:16px!important;}
.mc4-mobile-brand{display:flex!important;align-items:center!important;gap:10px!important;font-weight:1000!important;}
.mc4-mobile-brand img{width:42px!important;height:42px!important;object-fit:contain!important;}
.mc4-mobile-drawer-head button{width:44px!important;height:44px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.07)!important;color:inherit!important;}
.mc4-mobile-online{width:100%!important;height:50px!important;margin:0 0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:16px!important;color:#fff7cc!important;background:linear-gradient(180deg,rgba(250,204,21,.18),rgba(120,53,15,.18))!important;border:1px solid rgba(250,204,21,.44)!important;font-weight:1000!important;}
.mc4-mobile-nav{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
.mc4-mobile-nav-item,.mc4-mobile-drawer-actions a,.mc4-mobile-drawer-actions button{min-height:54px!important;padding:0 15px!important;display:flex!important;align-items:center!important;gap:12px!important;border-radius:17px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.11)!important;color:inherit!important;font-size:15px!important;font-weight:1000!important;text-align:left!important;}
.mc4-mobile-nav-item.active{color:#fff7cc!important;background:linear-gradient(180deg,rgba(250,204,21,.23),rgba(120,53,15,.18))!important;border-color:rgba(250,204,21,.52)!important;}
.mc4-mobile-drawer-actions{display:grid!important;gap:10px!important;margin-top:16px!important;}

/* Content wrapper */
.mc4-page-content{position:relative!important;z-index:5!important;}
body.mc4-page-home .mc4-page-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
body.mc4-page-inner .mc4-page-content{width:min(1180px,calc(100% - 34px))!important;max-width:1180px!important;margin:0 auto!important;padding:44px 0 88px!important;}

/* Hide duplicated custom hero/nav from older custom pages; common header/pagehero is source of truth. */
body.mc4-page-home .mc4-home .mc4-header-quickbar,
body.mc4-page-store .mc4-store-page > .mc4-hero,
body.mc4-path-store-survival-13-sezon .mc4-store-page > .mc4-hero,
body[class*="mc4-path-store"] .mc4-store-page > .mc4-hero,
body[class*="mc4-path-credits"] .mc4-charge-page > .mc4-hero{display:none!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;}
body[class*="mc4-path-store"] .mc4-store-page .mc4-header-quickbar,
body[class*="mc4-path-credits"] .mc4-charge-page .mc4-header-quickbar{display:none!important;}

/* Home hero exact reset */
body.mc4-page-home .mc4-home{background:transparent!important;}
body.mc4-page-home .mc4-home .mc4-hero{display:flex!important;min-height:560px!important;height:560px!important;margin:0!important;padding:0!important;overflow:hidden!important;border-bottom:1px solid rgba(139,92,246,.28)!important;background:linear-gradient(180deg,rgba(3,7,18,.10),rgba(3,7,18,.92)),var(--mc4-bg-img) center center / cover no-repeat!important;}
body.mc4-page-home .mc4-home .mc4-hero::before{background:linear-gradient(180deg,rgba(3,7,18,.07),rgba(3,7,18,.88)),var(--mc4-bg-img) center center / cover no-repeat!important;display:block!important;}
body.mc4-page-home .mc4-home .mc4-hero-inner{padding:calc(var(--mc4-header-top) + var(--mc4-header-h) + 70px) 0 74px!important;text-align:center!important;}
body.mc4-page-home .mc4-home .mc4-logo-title{display:block!important;width:min(370px,72vw)!important;margin:0 auto 4px!important;position:relative!important;z-index:5!important;}
body.mc4-page-home .mc4-home .mc4-logo-title img{display:block!important;width:100%!important;height:auto!important;}
body.mc4-page-home .mc4-home .mc4-main-title{display:block!important;position:relative!important;z-index:6!important;margin:0 auto!important;padding:0 18px!important;transform:translateY(-19px)!important;color:#fff!important;text-align:center!important;font-size:clamp(27px,2.6vw,40px)!important;line-height:1.06!important;font-weight:1000!important;text-transform:uppercase!important;text-shadow:0 10px 28px rgba(0,0,0,.76)!important;}
body.mc4-page-home .mc4-top-cards{margin-top:-34px!important;}

/* Inner pages premium surface */
body.mc4-page-inner .mc4-page-content > section,
body.mc4-page-inner .mc4-page-content > div:not(.mc4-store-page):not(.mc4-charge-page){background:transparent!important;}
body.mc4-page-inner .container,
body.mc4-page-inner section.container{max-width:1180px!important;}
body.mc4-page-inner .breadcrumb,
body.mc4-page-inner [class*="breadcrumb"]{border-radius:20px!important;background:linear-gradient(180deg,rgba(12,17,39,.78),rgba(6,10,24,.92))!important;border:1px solid rgba(139,92,246,.32)!important;box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;color:var(--mc4-text)!important;backdrop-filter:blur(14px)!important;}
body.mc4-page-inner .card,
body.mc4-page-inner .bg-white,
body.mc4-page-inner .dark\:bg-green-800,
body.mc4-page-inner .dark\:bg-gray-800,
body.mc4-page-inner .bg-gray-50,
body.mc4-page-inner .bg-gray-100{background:linear-gradient(180deg,rgba(12,17,39,.78),rgba(6,10,24,.94))!important;border:1px solid rgba(139,92,246,.28)!important;color:var(--mc4-text)!important;box-shadow:0 22px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055)!important;}
body.mc4-theme-light.mc4-page-inner .card,
body.mc4-theme-light.mc4-page-inner .bg-white,
body.mc4-theme-light.mc4-page-inner .dark\:bg-green-800,
body.mc4-theme-light.mc4-page-inner .dark\:bg-gray-800,
body.mc4-theme-light.mc4-page-inner .bg-gray-50,
body.mc4-theme-light.mc4-page-inner .bg-gray-100,
body.mc4-theme-light.mc4-page-inner .breadcrumb,
body.mc4-theme-light.mc4-page-inner [class*="breadcrumb"]{background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(240,249,255,.92))!important;border-color:rgba(14,165,233,.26)!important;color:#0f172a!important;}
body.mc4-page-inner h1,body.mc4-page-inner h2,body.mc4-page-inner h3,body.mc4-page-inner h4{color:var(--mc4-text)!important;}
body.mc4-page-inner p,body.mc4-page-inner span,body.mc4-page-inner td,body.mc4-page-inner th,body.mc4-page-inner li{color:inherit;}
body.mc4-page-inner .text-gray-800,body.mc4-page-inner .text-gray-700,body.mc4-page-inner .text-gray-600,body.mc4-page-inner .text-gray-500{color:var(--mc4-text)!important;}
body.mc4-page-inner .text-red-500{color:#fca5a5!important;}
body.mc4-page-inner table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;border-radius:18px!important;}
body.mc4-page-inner input,body.mc4-page-inner select,body.mc4-page-inner textarea{background:rgba(6,10,24,.78)!important;border:1px solid rgba(139,92,246,.30)!important;color:var(--mc4-text)!important;border-radius:14px!important;}
body.mc4-theme-light.mc4-page-inner input,body.mc4-theme-light.mc4-page-inner select,body.mc4-theme-light.mc4-page-inner textarea{background:rgba(255,255,255,.82)!important;color:#0f172a!important;}
body.mc4-page-inner button,body.mc4-page-inner .btn,body.mc4-page-inner a.btn,body.mc4-page-inner [type="submit"]{border-radius:14px!important;font-weight:900!important;}
body.mc4-page-inner .alert,body.mc4-page-inner [class*="alert"],body.mc4-page-inner .bg-red-100,body.mc4-page-inner .bg-pink-100{background:linear-gradient(180deg,rgba(127,29,29,.38),rgba(69,10,10,.44))!important;border:1px solid rgba(248,113,113,.40)!important;color:#fecaca!important;border-radius:16px!important;}

/* Store / credit custom pages: preserve content width and premium feel */
body[class*="mc4-path-store"] .mc4-store-page,
body[class*="mc4-path-credits"] .mc4-charge-page{background:transparent!important;}
body[class*="mc4-path-store"] .mc4-store-content,
body[class*="mc4-path-credits"] .mc4-content{padding-top:0!important;margin-top:0!important;}
body[class*="mc4-path-store"] .mc4-container,
body[class*="mc4-path-credits"] .mc4-container{width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;}

/* Footer */
.mc4-master-footer{position:relative!important;z-index:5!important;margin:0!important;padding:42px 0 22px!important;border-top:1px solid rgba(139,92,246,.26)!important;background:linear-gradient(180deg,rgba(12,10,32,.72),rgba(3,7,18,.96))!important;color:var(--mc4-text)!important;}
body.mc4-theme-light .mc4-master-footer{background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(224,242,254,.96))!important;border-top-color:rgba(14,165,233,.26)!important;}
.mc4-master-footer-inner{width:min(1180px,calc(100% - 34px))!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(260px,420px) 1fr!important;gap:42px!important;align-items:start!important;}
.mc4-footer-brand strong{display:block!important;font-size:26px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.05em!important;color:var(--mc4-text)!important;}
.mc4-footer-brand p{max-width:430px!important;margin:14px 0!important;color:var(--mc4-muted)!important;font-size:13px!important;font-weight:700!important;line-height:1.7!important;}
.mc4-footer-switches{display:flex!important;gap:10px!important;flex-wrap:wrap!important;}
.mc4-footer-dropdown{position:relative!important;}
.mc4-footer-dropdown button{height:38px!important;padding:0 12px!important;border-radius:12px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--mc4-text)!important;font-weight:900!important;}
.mc4-footer-dropdown-menu{position:absolute!important;left:0!important;bottom:44px!important;min-width:150px!important;padding:8px!important;border-radius:14px!important;background:rgba(6,10,24,.96)!important;border:1px solid rgba(139,92,246,.30)!important;box-shadow:0 16px 40px rgba(0,0,0,.35)!important;z-index:30!important;}
.mc4-footer-dropdown-menu a{display:block!important;padding:8px 10px!important;border-radius:10px!important;color:#fff!important;font-size:12px!important;font-weight:800!important;}
.mc4-footer-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.mc4-footer-nav a{min-height:42px!important;padding:0 13px!important;display:flex!important;align-items:center!important;border-radius:13px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;color:var(--mc4-text)!important;font-weight:900!important;font-size:13px!important;}
.mc4-master-footer-bottom{width:min(1180px,calc(100% - 34px))!important;margin:28px auto 0!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.10)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;color:var(--mc4-soft)!important;font-size:12px!important;font-weight:700!important;}

/* Responsive */
@media (max-width:1500px){
  .mc4-master-shell{grid-template-columns:176px minmax(0,1fr) auto!important;gap:8px!important;}
  .mc4-master-brand{padding:0 12px!important;}
  .mc4-master-nav{gap:6px!important;}
  .mc4-master-nav-item{padding:0 10px!important;font-size:12px!important;}
  .mc4-master-online strong{max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
}
@media (max-width:1240px){
  .mc4-master-shell{grid-template-columns:160px 1fr auto!important;}
  .mc4-master-nav-item span:not(.mc4-master-nav-icon){display:none!important;}
  .mc4-master-nav-item{width:50px!important;padding:0!important;}
  .mc4-master-online{padding:0 10px!important;}
  .mc4-master-online strong{display:none!important;}
}
@media (max-width:980px){
  :root{--mc4-header-h:60px;--mc4-header-top:10px;}
  .mc4-master-header{padding:0 10px!important;}
  .mc4-master-shell{width:calc(100vw - 20px)!important;grid-template-columns:1fr auto!important;border-radius:20px!important;padding:7px!important;}
  .mc4-master-nav,.mc4-master-auth,.mc4-master-user,.mc4-theme-toggle,.mc4-master-cart{display:none!important;}
  .mc4-master-brand{height:46px!important;max-width:190px!important;border-radius:15px!important;}
  .mc4-master-brand img{width:38px!important;height:38px!important;}
  .mc4-master-brand strong{font-size:14px!important;}
  .mc4-master-online{height:46px!important;display:inline-flex!important;}
  .mc4-master-online strong{display:inline!important;max-width:96px!important;}
  .mc4-mobile-menu-btn{display:inline-flex!important;height:46px!important;width:46px!important;border-radius:15px!important;}
  .mc4-master-pagehero{height:auto!important;min-height:280px!important;padding:calc(var(--mc4-header-top) + var(--mc4-header-h) + 38px) 14px 38px!important;}
  .mc4-master-pagehero h1{font-size:clamp(30px,8vw,48px)!important;line-height:1!important;}
  .mc4-pagehero-pills{flex-wrap:wrap!important;}
  body.mc4-page-inner .mc4-page-content{width:calc(100% - 24px)!important;padding-top:30px!important;padding-bottom:64px!important;}
  body.mc4-page-home .mc4-home .mc4-hero{height:auto!important;min-height:530px!important;}
  body.mc4-page-home .mc4-home .mc4-hero-inner{padding-top:126px!important;padding-bottom:62px!important;}
  body.mc4-page-home .mc4-home .mc4-logo-title{width:min(315px,74vw)!important;}
  body.mc4-page-home .mc4-home .mc4-main-title{font-size:clamp(23px,6.4vw,34px)!important;}
  body.mc4-page-home .mc4-top-cards{grid-template-columns:1fr!important;width:calc(100% - 24px)!important;margin-top:20px!important;}
}
@media (max-width:560px){
  .mc4-master-online{display:none!important;}
  .mc4-master-shell{grid-template-columns:1fr auto!important;}
  .mc4-master-pagehero{min-height:250px!important;}
  .mc4-pagehero-pills button{height:36px!important;font-size:11px!important;padding:0 12px!important;}
  body.mc4-page-home .mc4-home .mc4-hero{min-height:505px!important;}
  body.mc4-page-home .mc4-home .mc4-logo-title{width:min(286px,78vw)!important;}
  body.mc4-page-home .mc4-home .mc4-main-title{transform:translateY(-16px)!important;}
  .mc4-master-footer-inner{grid-template-columns:1fr!important;gap:24px!important;}
  .mc4-footer-nav{grid-template-columns:1fr!important;}
  .mc4-master-footer-bottom{flex-direction:column!important;align-items:flex-start!important;}
}


/* =========================================================
   MC4FUN CLEAN REBUILD V2 HOTFIX
   Header collision + dark background + white inner page reset
========================================================= */

/* Dark mode must always paint the whole viewport, not only body pseudo layers */
html,
body.mc4-rebuild,
body.mc4-rebuild #app,
body.mc4-rebuild .mc4-app-shell {
  background-color:#030712!important;
}

body.mc4-rebuild:not(.mc4-theme-light) {
  --mc4-bg:#030712;
  --mc4-bg-2:#070b1a;
  --mc4-text:#f8fafc;
  --mc4-muted:rgba(226,232,240,.74);
  background:
    radial-gradient(circle at 50% 34%, rgba(88,28,135,.35), transparent 34%),
    linear-gradient(180deg, rgba(3,7,18,.80), rgba(3,7,18,.97)),
    var(--mc4-night-bg) center top / cover fixed no-repeat !important;
}

body.mc4-rebuild.mc4-theme-light {
  background:
    radial-gradient(circle at 76% 16%, rgba(250,204,21,.24), transparent 28%),
    linear-gradient(180deg, rgba(240,249,255,.76), rgba(224,242,254,.94)),
    var(--mc4-summer-bg) center top / cover fixed no-repeat !important;
}

body.mc4-rebuild::before {
  z-index:0!important;
  opacity:.25!important;
  mix-blend-mode:normal!important;
}

body.mc4-rebuild::after {
  z-index:1!important;
}

body.mc4-rebuild #app,
body.mc4-rebuild .mc4-app-shell,
body.mc4-rebuild .mc4-page-content,
body.mc4-rebuild main {
  position:relative!important;
  z-index:2!important;
}

/* Header always stays one stable bar */
.mc4-master-header{
  top:14px!important;
  padding:0 14px!important;
}

.mc4-master-shell{
  width:min(1720px,calc(100vw - 32px))!important;
  max-width:1720px!important;
  height:72px!important;
  min-height:72px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  overflow:hidden!important;
  border-radius:24px!important;
}

.mc4-master-brand{
  height:54px!important;
  min-width:0!important;
  width:180px!important;
  max-width:180px!important;
  padding:0 14px!important;
  flex-shrink:0!important;
}

.mc4-master-brand img{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
}

.mc4-master-nav{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}

.mc4-master-nav-item{
  height:52px!important;
  min-width:0!important;
  flex:0 1 auto!important;
  padding:0 12px!important;
  gap:8px!important;
  font-size:12px!important;
  overflow:hidden!important;
}

.mc4-master-nav-item > span:not(.mc4-master-nav-icon){
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.mc4-master-nav-icon{
  width:33px!important;
  height:33px!important;
  min-width:33px!important;
}

.mc4-master-actions{
  min-width:max-content!important;
  width:auto!important;
  flex-shrink:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  position:relative!important;
  z-index:5!important;
}

.mc4-master-online,
.mc4-theme-toggle,
.mc4-master-cart,
.mc4-mobile-menu-btn,
.mc4-master-user-btn,
.mc4-master-auth a{
  height:52px!important;
  min-height:52px!important;
  border-radius:16px!important;
  font-size:12px!important;
}

.mc4-master-online{
  min-width:132px!important;
  max-width:150px!important;
  padding:0 12px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

.mc4-master-online strong{
  display:block!important;
  max-width:108px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.mc4-theme-toggle,
.mc4-master-cart,
.mc4-mobile-menu-btn{
  width:52px!important;
  min-width:52px!important;
}

.mc4-master-user-btn{
  max-width:178px!important;
  min-width:142px!important;
  padding:0 10px!important;
}

.mc4-master-user-btn span{
  max-width:92px!important;
}

/* Hide text a little earlier instead of letting nav collide into actions */
@media (max-width:1580px){
  .mc4-master-shell{
    grid-template-columns:164px minmax(0,1fr) auto!important;
    width:min(1450px,calc(100vw - 28px))!important;
  }
  .mc4-master-brand{width:164px!important;max-width:164px!important;}
  .mc4-master-nav{gap:6px!important;}
  .mc4-master-nav-item{padding:0 9px!important;font-size:11.5px!important;}
  .mc4-master-online{min-width:122px!important;max-width:132px!important;}
  .mc4-master-online strong{max-width:90px!important;}
  .mc4-master-user-btn{min-width:130px!important;max-width:150px!important;}
  .mc4-master-user-btn span{max-width:72px!important;}
}

@media (max-width:1320px){
  .mc4-master-shell{grid-template-columns:150px minmax(0,1fr) auto!important;}
  .mc4-master-brand{width:150px!important;max-width:150px!important;}
  .mc4-master-nav-item > span:not(.mc4-master-nav-icon){display:none!important;}
  .mc4-master-nav-item{width:48px!important;min-width:48px!important;padding:0!important;}
  .mc4-master-online{width:48px!important;min-width:48px!important;max-width:48px!important;padding:0!important;}
  .mc4-master-online strong{display:none!important;}
}

/* Inner pages: never allow the original Leaf white surface to appear */
body.mc4-page-inner #mc4-page-content,
body.mc4-page-inner .mc4-page-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  min-height:520px!important;
  background:
    radial-gradient(circle at 50% 18%, rgba(88,28,135,.34), transparent 36%),
    linear-gradient(180deg, rgba(3,7,18,.82), rgba(3,7,18,.98)),
    var(--mc4-bg-img) center top / cover fixed no-repeat!important;
  color:var(--mc4-text)!important;
}

body.mc4-page-inner #mc4-page-content::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:rgba(3,7,18,.56)!important;
  backdrop-filter:blur(0)!important;
  pointer-events:none!important;
}

body.mc4-page-inner #mc4-page-content > section,
body.mc4-page-inner #mc4-page-content > div,
body.mc4-page-inner .mc4-page-content > section,
body.mc4-page-inner .mc4-page-content > div{
  position:relative!important;
  z-index:2!important;
}

body.mc4-page-inner #mc4-page-content > section.container,
body.mc4-page-inner #mc4-page-content > section[class*="container"],
body.mc4-page-inner #mc4-page-content > div.container,
body.mc4-page-inner #mc4-page-content > div[class*="container"]{
  width:min(1180px,calc(100% - 34px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-top:68px!important;
  padding-bottom:110px!important;
  background:transparent!important;
}

/* Override Tailwind/Leaf white backgrounds on all inner pages */
body.mc4-page-inner .bg-white,
body.mc4-page-inner .bg-gray-50,
body.mc4-page-inner .bg-gray-100,
body.mc4-page-inner .bg-green-50,
body.mc4-page-inner .bg-green-100,
body.mc4-page-inner .card,
body.mc4-page-inner .table,
body.mc4-page-inner [class*="bg-white"],
body.mc4-page-inner [class*="bg-gray-"],
body.mc4-page-inner [class*="dark:bg-green-800"],
body.mc4-page-inner [class*="dark:bg-gray-800"]{
  background:
    radial-gradient(circle at 18% 0%, rgba(139,92,246,.10), transparent 34%),
    linear-gradient(180deg, rgba(12,17,39,.86), rgba(6,10,24,.96))!important;
  border-color:rgba(139,92,246,.32)!important;
  color:var(--mc4-text)!important;
}

body.mc4-page-inner .text-gray-800,
body.mc4-page-inner .text-gray-700,
body.mc4-page-inner .text-gray-600,
body.mc4-page-inner .dark\:text-green-300,
body.mc4-page-inner .dark\:text-green-400{
  color:var(--mc4-text)!important;
}

body.mc4-page-inner .text-gray-500,
body.mc4-page-inner .text-gray-400{
  color:var(--mc4-muted)!important;
}

/* Breadcrumb/table/list surface consistency */
body.mc4-page-inner .breadcrumb,
body.mc4-page-inner [class*="breadcrumb"]{
  width:100%!important;
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(12,17,39,.86),rgba(6,10,24,.96))!important;
  border:1px solid rgba(139,92,246,.34)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:var(--mc4-text)!important;
}

body.mc4-page-inner table{
  background:rgba(6,10,24,.86)!important;
  color:var(--mc4-text)!important;
  border-color:rgba(139,92,246,.28)!important;
}

/* Inner page hero exactly same background height all pages */
.mc4-master-pagehero{
  min-height:300px!important;
  height:300px!important;
  padding:calc(14px + 72px + 48px) 16px 42px!important;
  background:
    linear-gradient(180deg,rgba(3,7,18,.18),rgba(3,7,18,.90)),
    var(--mc4-bg-img) center center / cover no-repeat!important;
  border-bottom:1px solid rgba(139,92,246,.32)!important;
}

.mc4-master-pagehero h1{
  font-size:clamp(42px,4vw,64px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
}

/* Home remains full-width and dark */
body.mc4-page-home #mc4-page-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#030712!important;
}

body.mc4-page-home .mc4-home .mc4-hero{
  width:100%!important;
  max-width:none!important;
  background:
    linear-gradient(180deg,rgba(3,7,18,.08),rgba(3,7,18,.90)),
    var(--mc4-bg-img) center center / cover no-repeat!important;
}

/* Light/summer mode only when explicitly toggled */
body.mc4-theme-light.mc4-page-inner #mc4-page-content{
  background:
    radial-gradient(circle at 70% 16%, rgba(250,204,21,.20), transparent 30%),
    linear-gradient(180deg, rgba(240,249,255,.60), rgba(224,242,254,.86)),
    var(--mc4-summer-bg) center top / cover fixed no-repeat!important;
}

body.mc4-theme-light.mc4-page-inner #mc4-page-content::before{
  background:rgba(255,255,255,.32)!important;
}

body.mc4-theme-light.mc4-page-inner .bg-white,
body.mc4-theme-light.mc4-page-inner .bg-gray-50,
body.mc4-theme-light.mc4-page-inner .bg-gray-100,
body.mc4-theme-light.mc4-page-inner .bg-green-50,
body.mc4-theme-light.mc4-page-inner .bg-green-100,
body.mc4-theme-light.mc4-page-inner .card,
body.mc4-theme-light.mc4-page-inner .table,
body.mc4-theme-light.mc4-page-inner [class*="bg-white"],
body.mc4-theme-light.mc4-page-inner [class*="bg-gray-"],
body.mc4-theme-light.mc4-page-inner [class*="dark:bg-green-800"],
body.mc4-theme-light.mc4-page-inner [class*="dark:bg-gray-800"]{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(240,249,255,.92))!important;
  color:#0f172a!important;
  border-color:rgba(14,165,233,.30)!important;
}

body.mc4-theme-light.mc4-page-inner .text-gray-800,
body.mc4-theme-light.mc4-page-inner .text-gray-700,
body.mc4-theme-light.mc4-page-inner .text-gray-600{
  color:#0f172a!important;
}

/* Mobile: keep hamburger-only menu system */
@media (max-width:980px){
  .mc4-master-shell{
    height:60px!important;
    min-height:60px!important;
    width:calc(100vw - 20px)!important;
    grid-template-columns:1fr auto auto!important;
    overflow:visible!important;
  }
  .mc4-master-nav,
  .mc4-master-user,
  .mc4-theme-toggle,
  .mc4-master-cart,
  .mc4-master-auth{
    display:none!important;
  }
  .mc4-master-brand{
    height:46px!important;
    width:auto!important;
    max-width:190px!important;
  }
  .mc4-master-online{
    width:auto!important;
    min-width:118px!important;
    max-width:132px!important;
    height:46px!important;
    padding:0 10px!important;
  }
  .mc4-master-online strong{
    display:block!important;
    max-width:86px!important;
  }
  .mc4-mobile-menu-btn{
    display:inline-flex!important;
    height:46px!important;
    width:46px!important;
    min-width:46px!important;
  }
  .mc4-master-pagehero{
    height:auto!important;
    min-height:270px!important;
    padding:calc(10px + 60px + 40px) 14px 38px!important;
  }
  body.mc4-page-inner #mc4-page-content > section.container,
  body.mc4-page-inner #mc4-page-content > section[class*="container"],
  body.mc4-page-inner #mc4-page-content > div.container,
  body.mc4-page-inner #mc4-page-content > div[class*="container"]{
    width:calc(100% - 24px)!important;
    padding-top:34px!important;
    padding-bottom:70px!important;
  }
}




/* =========================================================
   MC4FUN PROFILE MENU NATIVE FIX
   Profil menüsü JS/Alpine olmadan <details> ile çalışır.
========================================================= */
.mc4-master-header,
.mc4-master-shell,
.mc4-master-actions,
.mc4-master-user,
.mc4-master-user *,
.mc4-master-user-btn,
.mc4-master-user-dropdown,
.mc4-master-user-dropdown *{
  pointer-events:auto!important;
}
.mc4-master-header{z-index:2147483000!important;}
.mc4-master-shell{overflow:visible!important;}
.mc4-master-actions{overflow:visible!important;}
.mc4-master-user-native,
.mc4-master-user{
  position:relative!important;
  z-index:2147483002!important;
  display:block!important;
}
.mc4-master-user-native summary,
.mc4-master-user-btn{
  list-style:none!important;
  -webkit-list-style:none!important;
  cursor:pointer!important;
  user-select:none!important;
}
.mc4-master-user-native summary::-webkit-details-marker{display:none!important;}
.mc4-master-user-native summary::marker{display:none!important;}

.mc4-master-user-dropdown{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 12px)!important;
  right:0!important;
  z-index:2147483005!important;
  min-width:270px!important;
  max-width:min(360px, calc(100vw - 24px))!important;
  padding:10px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(6,10,24,.98))!important;
  border:1px solid rgba(167,139,250,.42)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.mc4-master-user-native[open] .mc4-master-user-dropdown,
.mc4-master-user[open] .mc4-master-user-dropdown{
  display:grid!important;
}
.mc4-master-user-dropdown a,
.mc4-master-user-dropdown button,
.mc4-master-user-dropdown form{
  color:#fff!important;
  background:transparent!important;
  border-radius:12px!important;
  pointer-events:auto!important;
}
.mc4-master-user-dropdown a:hover,
.mc4-master-user-dropdown button:hover,
.mc4-master-user-dropdown form:hover{
  background:rgba(139,92,246,.18)!important;
}
body.mc4-theme-light .mc4-master-user-dropdown{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,249,255,.98))!important;
  border-color:rgba(14,165,233,.34)!important;
  color:#0f172a!important;
}
body.mc4-theme-light .mc4-master-user-dropdown a,
body.mc4-theme-light .mc4-master-user-dropdown button,
body.mc4-theme-light .mc4-master-user-dropdown form{
  color:#0f172a!important;
}
.mc4-master-pagehero,
.mc4-page-content,
#mc4-page-content,
main{
  z-index:1!important;
}
@media (max-width:980px){
  .mc4-master-user-native,
  .mc4-master-user{display:none!important;}
}


/* =========================================================
   MC4FUN MOBILE MENU ALL PAGES FIX
   Ana sayfa dışındaki sayfalarda mobil menü tıklanmama + X görünmeme fix
========================================================= */
@media (max-width:980px){

  html.mc4-menu-open,
  body.mc4-menu-open{
    overflow:hidden!important;
  }

  .mc4-master-header{
    display:block!important;
    pointer-events:auto!important;
    z-index:2147483000!important;
  }

  .mc4-master-shell,
  .mc4-master-actions{
    overflow:visible!important;
    pointer-events:auto!important;
    z-index:2147483001!important;
  }

  .mc4-mobile-menu-btn,
  [data-mc4-menu-open]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:2147483002!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  .mc4-mobile-menu-btn i,
  [data-mc4-menu-open] i{
    pointer-events:none!important;
  }

  /* İç sayfalarda hero/content header'ın üstüne binmesin */
  .mc4-master-pagehero,
  #mc4-page-content,
  .mc4-page-content,
  main,
  section{
    z-index:auto!important;
  }

  .mc4-mobile-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2147483003!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:rgba(0,0,0,.66)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }

  .mc4-mobile-drawer{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:min(390px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    z-index:2147483004!important;
    transform:translateX(110%)!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow-y:auto!important;
    padding:18px!important;
  }

  body.mc4-menu-open .mc4-mobile-backdrop,
  html.mc4-menu-open .mc4-mobile-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.mc4-menu-open .mc4-mobile-drawer,
  html.mc4-menu-open .mc4-mobile-drawer{
    transform:translateX(0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .mc4-mobile-drawer-head{
    position:sticky!important;
    top:0!important;
    z-index:10!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding-bottom:12px!important;
    margin-bottom:14px!important;
    background:linear-gradient(180deg,rgba(12,17,39,.98),rgba(12,17,39,.82))!important;
  }

  body.mc4-theme-light .mc4-mobile-drawer-head{
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.82))!important;
  }

  .mc4-mobile-close-btn,
  .mc4-mobile-drawer-head [data-mc4-menu-close]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:15px!important;
    border:1px solid rgba(248,113,113,.42)!important;
    background:linear-gradient(180deg,rgba(127,29,29,.34),rgba(69,10,10,.42))!important;
    color:#fecaca!important;
    font-size:26px!important;
    font-weight:1000!important;
    line-height:1!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    z-index:12!important;
  }

  .mc4-mobile-close-btn i,
  .mc4-mobile-drawer-head [data-mc4-menu-close] i{
    display:none!important;
  }

  .mc4-mobile-close-btn span,
  .mc4-mobile-drawer-head [data-mc4-menu-close] span{
    display:block!important;
    color:#fecaca!important;
    font-size:30px!important;
    line-height:1!important;
    transform:translateY(-1px)!important;
  }
}


/* =========================================================
   MC4FUN FINAL CLEAN REBUILD OVERRIDES
   Bu dosyada final custom CSS yerleşik. Panel Custom CSS boş bırakılmalı.
========================================================= */

/* 1) HOME OFFSET */
@media only screen and (min-width: 769px) {
    body.mc4-page-home .mc4-home .mc4-top-cards,
    body.mc4-page-home .mc4-home .mc4-grid,
    body.mc4-page-home .mc4-home .mc4-recent,
    body.mc4-page-home .mc4-home .mc4-section,
    body.mc4-page-home .mc4-home .mc4-news-section,
    body.mc4-page-home .mc4-home .mc4-content,
    body.mc4-page-home .mc4-top-cards,
    body.mc4-page-home .mc4-grid,
    body.mc4-page-home .mc4-recent {
        position: relative !important;
        top: 1cm !important;
        transform: none !important;
    }
    body.mc4-page-home .mc4-page-content { padding-bottom: 1cm !important; }
    body.mc4-page-home footer,
    body.mc4-page-home .mc4-master-footer { margin-top: 1cm !important; }
}

/* 2) PROFILE MENU NATIVE DETAILS */
.mc4-master-header,
.mc4-master-shell,
.mc4-master-actions,
.mc4-master-user,
.mc4-master-user *,
.mc4-master-user-btn,
.mc4-master-user-dropdown,
.mc4-master-user-dropdown * { pointer-events:auto!important; }

.mc4-master-header{ z-index:2147483000!important; }
.mc4-master-shell,
.mc4-master-actions{ overflow:visible!important; }

.mc4-master-user-native,
.mc4-master-user{
  position:relative!important;
  z-index:2147483002!important;
  display:block!important;
}

.mc4-master-user-native summary,
.mc4-master-user-btn{
  list-style:none!important;
  -webkit-list-style:none!important;
  cursor:pointer!important;
  user-select:none!important;
}
.mc4-master-user-native summary::-webkit-details-marker{display:none!important;}
.mc4-master-user-native summary::marker{display:none!important;}

.mc4-master-user-dropdown{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 12px)!important;
  right:0!important;
  z-index:2147483005!important;
  min-width:270px!important;
  max-width:min(360px, calc(100vw - 24px))!important;
  padding:10px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(6,10,24,.98))!important;
  border:1px solid rgba(167,139,250,.42)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.mc4-master-user-native[open] .mc4-master-user-dropdown,
.mc4-master-user[open] .mc4-master-user-dropdown{ display:grid!important; }

.mc4-master-user-dropdown a,
.mc4-master-user-dropdown button,
.mc4-master-user-dropdown form{
  color:#fff!important;
  background:transparent!important;
  border-radius:12px!important;
  pointer-events:auto!important;
}
.mc4-master-user-dropdown a:hover,
.mc4-master-user-dropdown button:hover,
.mc4-master-user-dropdown form:hover{ background:rgba(139,92,246,.18)!important; }

body.mc4-theme-light .mc4-master-user-dropdown{
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(6,10,24,.98))!important;
  border-color:rgba(167,139,250,.42)!important;
  color:#fff!important;
}
body.mc4-theme-light .mc4-master-user-dropdown a,
body.mc4-theme-light .mc4-master-user-dropdown button,
body.mc4-theme-light .mc4-master-user-dropdown form{ color:#fff!important; }

.mc4-master-pagehero,
.mc4-page-content,
#mc4-page-content,
main{ z-index:1!important; }

@media (max-width:980px){
  .mc4-master-user-native,
  .mc4-master-user{ display:none!important; }
}

/* 3) MOBILE MENU ALL PAGES + CLOSE X */
@media (max-width:980px){
  html.mc4-menu-open,
  body.mc4-menu-open{ overflow:hidden!important; }

  .mc4-master-header,
  .mc4-master-shell,
  .mc4-master-actions,
  .mc4-mobile-menu-btn,
  [data-mc4-menu-open]{
    pointer-events:auto!important;
  }

  .mc4-master-header{ z-index:2147483000!important; }
  .mc4-master-shell,
  .mc4-master-actions{
    overflow:visible!important;
    z-index:2147483001!important;
  }

  .mc4-mobile-menu-btn,
  [data-mc4-menu-open]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:2147483002!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  .mc4-mobile-menu-btn i,
  [data-mc4-menu-open] i{ pointer-events:none!important; }

  .mc4-mobile-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2147483003!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:rgba(0,0,0,.66)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }

  .mc4-mobile-drawer{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:min(390px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    z-index:2147483004!important;
    transform:translateX(110%)!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow-y:auto!important;
    padding:18px!important;
  }

  body.mc4-menu-open .mc4-mobile-backdrop,
  html.mc4-menu-open .mc4-mobile-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.mc4-menu-open .mc4-mobile-drawer,
  html.mc4-menu-open .mc4-mobile-drawer{
    transform:translateX(0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .mc4-mobile-drawer-head{
    position:sticky!important;
    top:0!important;
    z-index:10!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding-bottom:12px!important;
    margin-bottom:14px!important;
    background:linear-gradient(180deg,rgba(12,17,39,.98),rgba(12,17,39,.82))!important;
  }

  .mc4-mobile-close-btn,
  .mc4-mobile-drawer-head [data-mc4-menu-close]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:15px!important;
    border:1px solid rgba(248,113,113,.42)!important;
    background:linear-gradient(180deg,rgba(127,29,29,.34),rgba(69,10,10,.42))!important;
    color:#fecaca!important;
    font-size:26px!important;
    font-weight:1000!important;
    line-height:1!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    z-index:12!important;
  }

  .mc4-mobile-close-btn i,
  .mc4-mobile-drawer-head [data-mc4-menu-close] i{ display:none!important; }

  .mc4-mobile-close-btn span,
  .mc4-mobile-drawer-head [data-mc4-menu-close] span{
    display:block!important;
    color:#fecaca!important;
    font-size:30px!important;
    line-height:1!important;
    transform:translateY(-1px)!important;
  }
}

/* 4) PROFILE ROLE BADGE */
body.mc4-rebuild .role__default,
body.mc4-rebuild span.role__default,
body.mc4-rebuild span[class^="role__"],
body.mc4-rebuild span[class*=" role__"],
body.mc4-rebuild [class*="role__"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:30px!important;
    padding:6px 12px!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(139,92,246,.24),rgba(6,10,24,.96))!important;
    border:1px solid rgba(167,139,250,.38)!important;
    color:#ffffff!important;
    font-size:12px!important;
    font-weight:900!important;
    box-shadow:0 10px 26px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.mc4-rebuild [class*="role__"]:empty{ display:none!important; }
body.mc4-rebuild .flex.gap-2.justify-center.mt-3{
    justify-content:flex-start!important;
    gap:8px!important;
    flex-wrap:wrap!important;
}
body.mc4-rebuild [class*="username__"]{
    color:#f8fafc!important;
    font-weight:1000!important;
}

/* 5) PAYMENT TERMS CHECKBOX */
.mc4-charge-page label:has(input[type="checkbox"]),
.mc4-charge-page div:has(> input[type="checkbox"]){
    position:relative!important;
    z-index:9999!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:56px!important;
    padding:14px 18px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(6,10,24,.94))!important;
    border:1px solid rgba(139,92,246,.34)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06)!important;
    cursor:pointer!important;
    color:#f8fafc!important;
}
.mc4-charge-page input[type="checkbox"]{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    z-index:10000!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    margin:0!important;
    border-radius:999px!important;
    background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.96),rgba(6,10,24,.98))!important;
    border:2px solid rgba(167,139,250,.55)!important;
    box-shadow:0 0 0 4px rgba(139,92,246,.12),0 10px 24px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.10)!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    transition:.18s ease!important;
}
.mc4-charge-page input[type="checkbox"]:checked{
    background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.34),transparent 34%),linear-gradient(180deg,#facc15,#d97706)!important;
    border-color:rgba(250,204,21,.95)!important;
    box-shadow:0 0 0 5px rgba(250,204,21,.16),0 0 28px rgba(250,204,21,.36),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.mc4-charge-page input[type="checkbox"]:checked::after{
    content:"✓"!important;
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#18181b!important;
    font-size:18px!important;
    font-weight:1000!important;
    line-height:1!important;
}

/* 6) STORE PAGE CARDS + HIDE BREADCRUMB */
body[class*="mc4-path-store"] nav[aria-label="Breadcrumb"],
body[class*="mc4-path-store"] nav[aria-label="breadcrumb"],
body[class*="mc4-path-store"] .breadcrumb,
body[class*="mc4-path-store"] .mc4-breadcrumb{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}
@media only screen and (min-width:981px){
    body[class*="mc4-path-store"] .mc4-store-page,
    body[class*="mc4-path-store"] .mc4-store-content,
    body[class*="mc4-path-store"] .mc4-container{
        position:relative!important;
        top:1cm!important;
        transform:none!important;
    }
    body[class*="mc4-path-store"] .mc4-page-content{ padding-bottom:1cm!important; }
}
body[class*="mc4-path-store"] .mc4-store-category-nav{
    width:100%!important;
    margin:24px 0 34px!important;
    padding:24px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
    border-radius:26px!important;
    background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.18),transparent 34%),linear-gradient(180deg,rgba(12,17,39,.92),rgba(6,10,24,.98))!important;
    border:1px solid rgba(139,92,246,.30)!important;
    box-shadow:0 28px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.07)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}
body[class*="mc4-path-store"] .mc4-store-category-nav a{
    --mode-accent:#8b5cf6;
    --mode-accent-2:#5b21b6;
    --mode-shadow:rgba(139,92,246,.30);
    --mode-title:"MAĞAZA";
    width:100%!important;
    min-height:190px!important;
    height:190px!important;
    position:relative!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    margin:0!important;
    border-radius:24px!important;
    border:1px solid rgba(139,92,246,.45)!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-decoration:none!important;
    background:radial-gradient(circle at 74% 16%,rgba(139,92,246,.28),transparent 28%),linear-gradient(135deg,rgba(3,7,18,.58),rgba(91,33,182,.34)),url("/apps/main/app/views/themes/leaf/assets/img/backgroundheader.png") center center / cover no-repeat!important;
    box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 26px var(--mode-shadow),inset 0 1px 0 rgba(255,255,255,.08)!important;
    transition:.22s ease!important;
}
body[class*="mc4-path-store"] .mc4-store-category-nav a::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(180deg,rgba(3,7,18,.10),rgba(3,7,18,.86)),radial-gradient(circle at 50% 12%,rgba(255,255,255,.10),transparent 30%)!important;
    pointer-events:none!important;
}
body[class*="mc4-path-store"] .mc4-store-category-nav a::after{
    content:var(--mode-title)!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:54%!important;
    transform:translateY(-50%)!important;
    z-index:4!important;
    display:block!important;
    text-align:center!important;
    white-space:nowrap!important;
    color:var(--mode-accent)!important;
    font-size:clamp(34px,3vw,52px)!important;
    line-height:.92!important;
    font-weight:1000!important;
    letter-spacing:-.055em!important;
    text-transform:uppercase!important;
    text-shadow:0 5px 0 var(--mode-accent-2),0 13px 0 rgba(0,0,0,.24),0 24px 44px rgba(0,0,0,.82),0 0 28px var(--mode-shadow)!important;
    pointer-events:none!important;
}
body[class*="mc4-path-store"] .mc4-store-category-nav a span,
body[class*="mc4-path-store"] .mc4-store-category-nav a strong{display:none!important;}
body[class*="mc4-path-store"] .mc4-store-category-nav a[href*="survival"]{
    --mode-title:"SURVIVAL";
    --mode-accent:#facc15;
    --mode-accent-2:#d97706;
    --mode-shadow:rgba(250,204,21,.34);
    border-color:rgba(250,204,21,.55)!important;
}
body[class*="mc4-path-store"] .mc4-store-category-nav a[href*="skyblock"]{
    --mode-title:"SKYBLOCK";
    --mode-accent:#c084fc;
    --mode-accent-2:#6d28d9;
    --mode-shadow:rgba(168,85,247,.38);
    border-color:rgba(192,132,252,.55)!important;
}
body[class*="mc4-path-store"] .mc4-store-category-nav a[href*="boxpvp"],
body[class*="mc4-path-store"] .mc4-store-category-nav a[href*="box-pvp"]{
    --mode-title:"BOXPVP";
    --mode-accent:#f87171;
    --mode-accent-2:#991b1b;
    --mode-shadow:rgba(239,68,68,.38);
    border-color:rgba(248,113,113,.55)!important;
}
@media only screen and (max-width:980px){
    body[class*="mc4-path-store"] .mc4-store-category-nav{
        grid-template-columns:1fr!important;
        padding:16px!important;
        gap:14px!important;
    }
    body[class*="mc4-path-store"] .mc4-store-category-nav a{
        height:150px!important;
        min-height:150px!important;
    }
    body[class*="mc4-path-store"] .mc4-store-category-nav a::after{
        font-size:clamp(38px,11vw,58px)!important;
    }
}

/* 7) CREDIT PAGE OFFSET */
@media only screen and (min-width:981px){
    body[class*="mc4-path-credits"] .mc4-charge-page,
    body[class*="mc4-path-credits"] .mc4-content,
    body[class*="mc4-path-credits"] .mc4-container{
        position:relative!important;
        top:.3cm!important;
        transform:none!important;
    }
    body[class*="mc4-path-credits"] .mc4-page-content{ padding-bottom:.3cm!important; }
}

/* 8) LAST CREDIT DONORS */
.mc4-block-credit-panel .mc4-all-link,
.mc4-block-credit-panel .mc4-section-head > span,
.mc4-block-credit-panel .mc4-section-head a{ display:none!important; }

.mc4-block-credit-panel .mc4-section-head{
    justify-content:flex-start!important;
    margin-bottom:12px!important;
}

.mc4-block-credit-item{
    min-height:64px!important;
    padding:10px 11px!important;
    display:grid!important;
    grid-template-columns:32px 42px minmax(0,1fr) 96px!important;
    gap:9px!important;
    align-items:center!important;
    border-radius:16px!important;
}
.mc4-block-icon{ display:none!important; }
.mc4-block-rank{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:14px!important;
    font-weight:1000!important;
    border-radius:10px!important;
}
.mc4-block-credit-avatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:12px!important;
}
.mc4-block-credit-info{
    min-width:0!important;
    overflow:hidden!important;
}
.mc4-block-credit-info strong{
    display:block!important;
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.1!important;
    font-weight:1000!important;
    color:#ffffff!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.mc4-block-credit-info span,
.mc4-block-credit-info small{ display:none!important; }

.mc4-block-credit-price{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:36px!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
    font-size:14px!important;
    font-weight:1000!important;
    line-height:1!important;
    white-space:nowrap!important;
    color:#ffffff!important;
    background:linear-gradient(180deg,rgba(139,92,246,.54),rgba(76,29,149,.90))!important;
    border:1px solid rgba(167,139,250,.56)!important;
    box-shadow:0 11px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

.mc4-block-credit-item.mc4-gold-donor{
    border:1px solid rgba(250,204,21,.82)!important;
    background:radial-gradient(circle at 88% 50%,rgba(250,204,21,.24),transparent 34%),linear-gradient(180deg,rgba(64,45,10,.94),rgba(20,14,5,.98))!important;
    box-shadow:0 0 0 1px rgba(250,204,21,.20),0 0 24px rgba(250,204,21,.34),0 14px 34px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.14)!important;
    animation:mc4GoldDonorPulse 1.65s ease-in-out infinite!important;
}
.mc4-block-credit-item.mc4-gold-donor .mc4-block-credit-price{
    background:linear-gradient(180deg,#facc15,#d97706)!important;
    border:1px solid rgba(253,224,71,.98)!important;
    color:#1c1203!important;
    box-shadow:0 0 20px rgba(250,204,21,.48),0 10px 24px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.mc4-block-credit-item.mc4-gold-donor .mc4-block-credit-info strong{
    color:#fff7cc!important;
    text-shadow:0 0 10px rgba(250,204,21,.42)!important;
}
@keyframes mc4GoldDonorPulse{
    0%,100%{
        border-color:rgba(250,204,21,.55);
        box-shadow:0 0 0 1px rgba(250,204,21,.12),0 0 14px rgba(250,204,21,.18),0 14px 34px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.10);
    }
    50%{
        border-color:rgba(253,224,71,1);
        box-shadow:0 0 0 1px rgba(250,204,21,.34),0 0 34px rgba(250,204,21,.52),0 16px 38px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.18);
    }
}

/* 9) LEADEROS BRANDING - VISIBLE */
a[href*="leaderos"],
footer a[href*="leaderos"]{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:.55!important;
    color:rgba(226,232,240,.55)!important;
    font-size:11px!important;
    font-weight:700!important;
    text-decoration:none!important;
    background:transparent!important;
    border:0!important;
    pointer-events:auto!important;
}

/* 10) HIDE RECENT REGISTRATIONS SAFELY */
div.grid.md\:grid-cols-7,
div[class*="md:grid-cols-7"]:has(img[src*="minotar.net"]),
div[class*="md:grid-cols-7"]:has(img[src*="mc-heads"]),
div[class*="md:grid-cols-7"]:has(img[src*="crafatar"]),
div[class*="md:grid-cols-7"]:has(.bg-green-900),
div[class*="md:grid-cols-7"]:has(.from-green-700),
div[class*="md:grid-cols-7"]:has(.to-green-600),
.mc4-recent,
.mc4-recent-grid,
section.mc4-recent,
div.mc4-recent,
.mc4-recent-player,
.mc4-recent-avatar{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}

/* 11) LIGHT MODE - OPPOSITE OF DARK: BRIGHT SUMMER BG, DARK CARDS, DARK NAV */
html.mc4-theme-light,
body.mc4-theme-light{
    --mc4-text:#ffffff!important;
    --mc4-muted:rgba(226,232,240,.82)!important;
    --mc4-soft:rgba(226,232,240,.64)!important;
    --mc4-card:rgba(10,14,33,.82)!important;
    --mc4-card-2:rgba(15,23,42,.88)!important;
    --mc4-card-3:rgba(20,27,51,.94)!important;
    --mc4-border:rgba(139,92,246,.36)!important;
}
html.mc4-theme-light body,
body.mc4-theme-light{
    background:radial-gradient(circle at 75% 18%,rgba(250,204,21,.16),transparent 28%),linear-gradient(180deg,rgba(240,249,255,.62) 0%,rgba(224,242,254,.78) 42%,rgba(240,249,255,.88) 100%),var(--mc4-summer-bg) center top / cover fixed no-repeat!important;
    color:#ffffff!important;
}
html.mc4-theme-light body::after,
body.mc4-theme-light::after{
    background:radial-gradient(circle at 72% 20%,rgba(250,204,21,.12),transparent 30%),radial-gradient(circle at 50% 38%,rgba(139,92,246,.18),transparent 36%),linear-gradient(180deg,rgba(240,249,255,.36) 0%,rgba(224,242,254,.58) 45%,rgba(240,249,255,.72) 100%)!important;
    pointer-events:none!important;
}
html.mc4-theme-light body.mc4-page-home .mc4-home .mc4-hero,
body.mc4-theme-light.mc4-page-home .mc4-home .mc4-hero{
    background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(240,249,255,.42) 52%,rgba(224,242,254,.88) 100%),var(--mc4-summer-bg) center center / cover no-repeat!important;
}
html.mc4-theme-light body.mc4-page-home .mc4-home .mc4-hero::before,
body.mc4-theme-light.mc4-page-home .mc4-home .mc4-hero::before{
    background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(240,249,255,.34) 48%,rgba(224,242,254,.82) 100%),var(--mc4-summer-bg) center center / cover no-repeat!important;
}
html.mc4-theme-light body.mc4-page-home .mc4-home .mc4-hero::after,
body.mc4-theme-light.mc4-page-home .mc4-home .mc4-hero::after{
    background:linear-gradient(180deg,transparent 0%,rgba(224,242,254,.92) 72%,rgba(240,249,255,.98) 100%)!important;
}
html.mc4-theme-light body.mc4-page-inner #mc4-page-content,
body.mc4-theme-light.mc4-page-inner #mc4-page-content,
html.mc4-theme-light body.mc4-page-inner .mc4-page-content,
body.mc4-theme-light.mc4-page-inner .mc4-page-content{
    background:radial-gradient(circle at 74% 18%,rgba(250,204,21,.14),transparent 30%),linear-gradient(180deg,rgba(240,249,255,.54) 0%,rgba(224,242,254,.72) 46%,rgba(240,249,255,.88) 100%),var(--mc4-summer-bg) center top / cover fixed no-repeat!important;
}

/* Light mode cards stay dark for readability */
html.mc4-theme-light .mc4-stat-card,
html.mc4-theme-light .mc4-card,
html.mc4-theme-light .card,
html.mc4-theme-light .mc4-grid,
html.mc4-theme-light .mc4-news-card,
html.mc4-theme-light .mc4-block-credit-panel,
html.mc4-theme-light .mc4-store-category-nav,
html.mc4-theme-light .mc4-charge-card,
html.mc4-theme-light .mc4-payment-card,
html.mc4-theme-light .mc4-payment-method,
html.mc4-theme-light .mc4-credit-card,
html.mc4-theme-light .mc4-block-credit-item,
body.mc4-theme-light .mc4-stat-card,
body.mc4-theme-light .mc4-card,
body.mc4-theme-light .card,
body.mc4-theme-light .mc4-grid,
body.mc4-theme-light .mc4-news-card,
body.mc4-theme-light .mc4-block-credit-panel,
body.mc4-theme-light .mc4-store-category-nav,
body.mc4-theme-light .mc4-charge-card,
body.mc4-theme-light .mc4-payment-card,
body.mc4-theme-light .mc4-payment-method,
body.mc4-theme-light .mc4-credit-card,
body.mc4-theme-light .mc4-block-credit-item{
    background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.14),transparent 34%),linear-gradient(180deg,rgba(12,17,39,.90),rgba(6,10,24,.97))!important;
    border-color:rgba(139,92,246,.36)!important;
    color:#ffffff!important;
    box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* Light mode dark navbar */
html.mc4-theme-light .mc4-master-shell,
body.mc4-theme-light .mc4-master-shell{
    background:linear-gradient(180deg,rgba(12,17,39,.94),rgba(6,10,24,.98))!important;
    border:1px solid rgba(139,92,246,.44)!important;
    box-shadow:0 20px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.10)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
}
html.mc4-theme-light .mc4-master-shell *,
body.mc4-theme-light .mc4-master-shell *{
    color:#ffffff!important;
    text-shadow:none!important;
}
html.mc4-theme-light .mc4-master-nav-item,
html.mc4-theme-light .mc4-master-brand,
html.mc4-theme-light .mc4-master-user-btn,
html.mc4-theme-light .mc4-theme-toggle,
html.mc4-theme-light .mc4-master-cart,
html.mc4-theme-light .mc4-master-online,
body.mc4-theme-light .mc4-master-nav-item,
body.mc4-theme-light .mc4-master-brand,
body.mc4-theme-light .mc4-master-user-btn,
body.mc4-theme-light .mc4-theme-toggle,
body.mc4-theme-light .mc4-master-cart,
body.mc4-theme-light .mc4-master-online{
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045))!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#ffffff!important;
}
html.mc4-theme-light .mc4-master-nav-item.active,
body.mc4-theme-light .mc4-master-nav-item.active{
    background:radial-gradient(circle at 20% 0%,rgba(250,204,21,.34),transparent 38%),linear-gradient(180deg,rgba(250,204,21,.26),rgba(120,53,15,.22))!important;
    border-color:rgba(250,204,21,.68)!important;
    color:#fff7cc!important;
}
html.mc4-theme-light h1,
html.mc4-theme-light h2,
html.mc4-theme-light h3,
html.mc4-theme-light h4,
html.mc4-theme-light strong,
body.mc4-theme-light h1,
body.mc4-theme-light h2,
body.mc4-theme-light h3,
body.mc4-theme-light h4,
body.mc4-theme-light strong{
    color:#ffffff!important;
    text-shadow:0 4px 14px rgba(0,0,0,.55),0 0 16px rgba(0,0,0,.22)!important;
}
html.mc4-theme-light p,
html.mc4-theme-light span,
html.mc4-theme-light small,
html.mc4-theme-light li,
html.mc4-theme-light td,
html.mc4-theme-light th,
body.mc4-theme-light p,
body.mc4-theme-light span,
body.mc4-theme-light small,
body.mc4-theme-light li,
body.mc4-theme-light td,
body.mc4-theme-light th{
    color:rgba(226,232,240,.88)!important;
}

/* =========================================================
   END MC4FUN FINAL CLEAN REBUILD OVERRIDES
========================================================= */




/* =========================================================
   MC4FUN LIGHT MODE READABILITY FINAL
   Sadece light mode için tüm yazı/menü/kart/form renklerini okunur yapar.
========================================================= */

/* ---------- LIGHT MODE PALETTE ---------- */
html.mc4-theme-light,
html.mc4-theme-light body,
body.mc4-theme-light {
    --mc4-light-text: #111827 !important;
    --mc4-light-text-2: #1f2937 !important;
    --mc4-light-muted: #475569 !important;
    --mc4-light-soft: #64748b !important;
    --mc4-light-card: rgba(255,255,255,.84) !important;
    --mc4-light-card-2: rgba(248,250,252,.92) !important;
    --mc4-light-border: rgba(79,70,229,.22) !important;
    --mc4-light-purple: #6d28d9 !important;
    --mc4-light-gold: #b45309 !important;
    --mc4-light-blue: #2563eb !important;
    --mc4-light-green: #047857 !important;

    --mc4-text: var(--mc4-light-text) !important;
    --mc4-muted: var(--mc4-light-muted) !important;
    --mc4-soft: var(--mc4-light-soft) !important;
    --mc4-card: var(--mc4-light-card) !important;
    --mc4-card-2: var(--mc4-light-card-2) !important;
    --mc4-card-3: rgba(255,255,255,.96) !important;
    --mc4-border: var(--mc4-light-border) !important;
}

/* ---------- PAGE BACKGROUND ---------- */
html.mc4-theme-light body,
body.mc4-theme-light {
    background:
        radial-gradient(circle at 74% 16%, rgba(250,204,21,.18), transparent 27%),
        radial-gradient(circle at 28% 34%, rgba(59,130,246,.16), transparent 34%),
        linear-gradient(180deg, rgba(240,249,255,.58) 0%, rgba(224,242,254,.78) 46%, rgba(248,250,252,.94) 100%),
        var(--mc4-summer-bg) center top / cover fixed no-repeat !important;
    color: var(--mc4-light-text) !important;
}

/* Hafif sis kalsın ama yazıları öldürmesin */
html.mc4-theme-light body::after,
body.mc4-theme-light::after {
    background:
        radial-gradient(circle at 72% 18%, rgba(250,204,21,.10), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.34)) !important;
    pointer-events: none !important;
}

/* ---------- UNIVERSAL TEXT COLORS ---------- */
html.mc4-theme-light h1,
html.mc4-theme-light h2,
html.mc4-theme-light h3,
html.mc4-theme-light h4,
html.mc4-theme-light h5,
html.mc4-theme-light h6,
html.mc4-theme-light strong,
body.mc4-theme-light h1,
body.mc4-theme-light h2,
body.mc4-theme-light h3,
body.mc4-theme-light h4,
body.mc4-theme-light h5,
body.mc4-theme-light h6,
body.mc4-theme-light strong {
    color: var(--mc4-light-text) !important;
    text-shadow: none !important;
}

html.mc4-theme-light p,
html.mc4-theme-light span,
html.mc4-theme-light small,
html.mc4-theme-light li,
html.mc4-theme-light td,
html.mc4-theme-light th,
html.mc4-theme-light label,
html.mc4-theme-light a,
body.mc4-theme-light p,
body.mc4-theme-light span,
body.mc4-theme-light small,
body.mc4-theme-light li,
body.mc4-theme-light td,
body.mc4-theme-light th,
body.mc4-theme-light label,
body.mc4-theme-light a {
    color: var(--mc4-light-muted) !important;
    text-shadow: none !important;
}

/* Hero başlıkları arka plan üstünde beyaz kalsın */
html.mc4-theme-light .mc4-main-title,
html.mc4-theme-light .mc4-master-pagehero h1,
html.mc4-theme-light .mc4-hero h1,
body.mc4-theme-light .mc4-main-title,
body.mc4-theme-light .mc4-master-pagehero h1,
body.mc4-theme-light .mc4-hero h1 {
    color: #ffffff !important;
    text-shadow:
        0 6px 18px rgba(15,23,42,.72),
        0 1px 0 rgba(15,23,42,.38) !important;
}

html.mc4-theme-light .mc4-master-pagehero p,
html.mc4-theme-light .mc4-hero p,
body.mc4-theme-light .mc4-master-pagehero p,
body.mc4-theme-light .mc4-hero p {
    color: rgba(255,255,255,.92) !important;
    text-shadow: 0 3px 12px rgba(15,23,42,.56) !important;
}

/* ---------- HEADER / NAVBAR ---------- */
html.mc4-theme-light .mc4-master-shell,
body.mc4-theme-light .mc4-master-shell {
    background:
        linear-gradient(180deg, rgba(255,255,255,.86), rgba(241,245,249,.92)) !important;
    border: 1px solid rgba(99,102,241,.24) !important;
    box-shadow:
        0 18px 54px rgba(15,23,42,.18),
        inset 0 1px 0 rgba(255,255,255,.78) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

html.mc4-theme-light .mc4-master-brand,
body.mc4-theme-light .mc4-master-brand {
    background: rgba(255,255,255,.62) !important;
    border-color: rgba(99,102,241,.20) !important;
    color: var(--mc4-light-text) !important;
}

html.mc4-theme-light .mc4-master-brand strong,
body.mc4-theme-light .mc4-master-brand strong {
    color: var(--mc4-light-text) !important;
}

html.mc4-theme-light .mc4-master-nav-item,
html.mc4-theme-light .mc4-theme-toggle,
html.mc4-theme-light .mc4-master-cart,
html.mc4-theme-light .mc4-master-online,
html.mc4-theme-light .mc4-master-user-btn,
html.mc4-theme-light .mc4-mobile-menu-btn,
body.mc4-theme-light .mc4-master-nav-item,
body.mc4-theme-light .mc4-theme-toggle,
body.mc4-theme-light .mc4-master-cart,
body.mc4-theme-light .mc4-master-online,
body.mc4-theme-light .mc4-master-user-btn,
body.mc4-theme-light .mc4-mobile-menu-btn {
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,245,249,.88)) !important;
    border: 1px solid rgba(99,102,241,.18) !important;
    color: var(--mc4-light-text) !important;
    text-shadow: none !important;
}

html.mc4-theme-light .mc4-master-nav-item span:not(.mc4-master-nav-icon),
html.mc4-theme-light .mc4-master-online strong,
html.mc4-theme-light .mc4-master-user-btn span,
html.mc4-theme-light .mc4-theme-toggle i,
html.mc4-theme-light .mc4-master-cart i,
body.mc4-theme-light .mc4-master-nav-item span:not(.mc4-master-nav-icon),
body.mc4-theme-light .mc4-master-online strong,
body.mc4-theme-light .mc4-master-user-btn span,
body.mc4-theme-light .mc4-theme-toggle i,
body.mc4-theme-light .mc4-master-cart i {
    color: var(--mc4-light-text) !important;
    text-shadow: none !important;
}

html.mc4-theme-light .mc4-master-nav-icon,
body.mc4-theme-light .mc4-master-nav-icon {
    background: rgba(99,102,241,.12) !important;
    color: #4f46e5 !important;
}

html.mc4-theme-light .mc4-master-nav-item.active,
html.mc4-theme-light .mc4-master-nav-item:hover,
body.mc4-theme-light .mc4-master-nav-item.active,
body.mc4-theme-light .mc4-master-nav-item:hover {
    background:
        radial-gradient(circle at 20% 0%, rgba(250,204,21,.32), transparent 38%),
        linear-gradient(180deg, rgba(254,243,199,.92), rgba(253,230,138,.86)) !important;
    border-color: rgba(217,119,6,.52) !important;
    color: #78350f !important;
    box-shadow:
        0 0 22px rgba(250,204,21,.20),
        inset 0 1px 0 rgba(255,255,255,.72) !important;
}

html.mc4-theme-light .mc4-master-nav-item.active span,
html.mc4-theme-light .mc4-master-nav-item:hover span,
body.mc4-theme-light .mc4-master-nav-item.active span,
body.mc4-theme-light .mc4-master-nav-item:hover span {
    color: #78350f !important;
}

/* Header dropdown */
html.mc4-theme-light .mc4-master-user-dropdown,
body.mc4-theme-light .mc4-master-user-dropdown {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,245,249,.98)) !important;
    border-color: rgba(99,102,241,.24) !important;
    color: var(--mc4-light-text) !important;
    box-shadow: 0 30px 80px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

html.mc4-theme-light .mc4-master-user-dropdown a,
html.mc4-theme-light .mc4-master-user-dropdown button,
html.mc4-theme-light .mc4-master-user-dropdown form,
body.mc4-theme-light .mc4-master-user-dropdown a,
body.mc4-theme-light .mc4-master-user-dropdown button,
body.mc4-theme-light .mc4-master-user-dropdown form {
    color: var(--mc4-light-text) !important;
}

/* ---------- MOBILE DRAWER ---------- */
html.mc4-theme-light .mc4-mobile-drawer,
body.mc4-theme-light .mc4-mobile-drawer {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.98)) !important;
    color: var(--mc4-light-text) !important;
    border-left-color: rgba(99,102,241,.28) !important;
}

html.mc4-theme-light .mc4-mobile-drawer *,
body.mc4-theme-light .mc4-mobile-drawer * {
    color: var(--mc4-light-text) !important;
}

html.mc4-theme-light .mc4-mobile-nav-item,
html.mc4-theme-light .mc4-mobile-drawer-actions a,
html.mc4-theme-light .mc4-mobile-drawer-actions button,
body.mc4-theme-light .mc4-mobile-nav-item,
body.mc4-theme-light .mc4-mobile-drawer-actions a,
body.mc4-theme-light .mc4-mobile-drawer-actions button {
    background: rgba(255,255,255,.78) !important;
    border-color: rgba(99,102,241,.18) !important;
    color: var(--mc4-light-text) !important;
}

/* ---------- CARDS / PANELS / TABLES ---------- */
html.mc4-theme-light .mc4-stat-card,
html.mc4-theme-light .mc4-card,
html.mc4-theme-light .card,
html.mc4-theme-light .mc4-grid,
html.mc4-theme-light .mc4-news-card,
html.mc4-theme-light .mc4-block-credit-panel,
html.mc4-theme-light .mc4-store-category-nav,
html.mc4-theme-light .mc4-charge-card,
html.mc4-theme-light .mc4-payment-card,
html.mc4-theme-light .mc4-payment-method,
html.mc4-theme-light .mc4-credit-card,
html.mc4-theme-light .mc4-block-credit-item,
html.mc4-theme-light .mc4-top-cards .mc4-stat-card,
html.mc4-theme-light .bg-white,
html.mc4-theme-light .bg-gray-50,
html.mc4-theme-light .bg-gray-100,
body.mc4-theme-light .mc4-stat-card,
body.mc4-theme-light .mc4-card,
body.mc4-theme-light .card,
body.mc4-theme-light .mc4-grid,
body.mc4-theme-light .mc4-news-card,
body.mc4-theme-light .mc4-block-credit-panel,
body.mc4-theme-light .mc4-store-category-nav,
body.mc4-theme-light .mc4-charge-card,
body.mc4-theme-light .mc4-payment-card,
body.mc4-theme-light .mc4-payment-method,
body.mc4-theme-light .mc4-credit-card,
body.mc4-theme-light .mc4-block-credit-item,
body.mc4-theme-light .mc4-top-cards .mc4-stat-card,
body.mc4-theme-light .bg-white,
body.mc4-theme-light .bg-gray-50,
body.mc4-theme-light .bg-gray-100 {
    background:
        radial-gradient(circle at 18% 0%, rgba(99,102,241,.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.88), rgba(241,245,249,.96)) !important;
    border-color: rgba(99,102,241,.22) !important;
    color: var(--mc4-light-text) !important;
    box-shadow:
        0 22px 60px rgba(15,23,42,.14),
        inset 0 1px 0 rgba(255,255,255,.78) !important;
}

html.mc4-theme-light .mc4-stat-card *,
html.mc4-theme-light .mc4-card *,
html.mc4-theme-light .card *,
html.mc4-theme-light .mc4-grid *,
html.mc4-theme-light .mc4-news-card *,
html.mc4-theme-light .mc4-block-credit-panel *,
html.mc4-theme-light .mc4-charge-card *,
html.mc4-theme-light .mc4-payment-card *,
html.mc4-theme-light .mc4-credit-card *,
body.mc4-theme-light .mc4-stat-card *,
body.mc4-theme-light .mc4-card *,
body.mc4-theme-light .card *,
body.mc4-theme-light .mc4-grid *,
body.mc4-theme-light .mc4-news-card *,
body.mc4-theme-light .mc4-block-credit-panel *,
body.mc4-theme-light .mc4-charge-card *,
body.mc4-theme-light .mc4-payment-card *,
body.mc4-theme-light .mc4-credit-card * {
    color: var(--mc4-light-text) !important;
    text-shadow: none !important;
}

html.mc4-theme-light .mc4-news-card p,
html.mc4-theme-light .mc4-news-card small,
html.mc4-theme-light .mc4-news-card span,
body.mc4-theme-light .mc4-news-card p,
body.mc4-theme-light .mc4-news-card small,
body.mc4-theme-light .mc4-news-card span {
    color: var(--mc4-light-muted) !important;
}

/* ---------- TOP DONORS stay colorful but readable ---------- */
html.mc4-theme-light .mc4-donor-card,
body.mc4-theme-light .mc4-donor-card {
    color: #ffffff !important;
}

html.mc4-theme-light .mc4-donor-card *,
body.mc4-theme-light .mc4-donor-card * {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.24) !important;
}

/* ---------- RECENT CREDIT LIST ---------- */
html.mc4-theme-light .mc4-block-credit-item,
body.mc4-theme-light .mc4-block-credit-item {
    background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(241,245,249,.94)) !important;
    border-color: rgba(99,102,241,.20) !important;
}

html.mc4-theme-light .mc4-block-rank,
body.mc4-theme-light .mc4-block-rank {
    background: rgba(15,23,42,.08) !important;
    color: var(--mc4-light-text) !important;
}

html.mc4-theme-light .mc4-block-credit-price,
body.mc4-theme-light .mc4-block-credit-price {
    background: linear-gradient(180deg, #7c3aed, #5b21b6) !important;
    border-color: rgba(124,58,237,.42) !important;
    color: #ffffff !important;
}

html.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor,
body.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor {
    border: 1px solid rgba(217,119,6,.72) !important;
    background:
        radial-gradient(circle at 88% 50%, rgba(250,204,21,.24), transparent 34%),
        linear-gradient(180deg, rgba(255,251,235,.94), rgba(254,243,199,.96)) !important;
    box-shadow:
        0 0 0 1px rgba(250,204,21,.18),
        0 0 22px rgba(250,204,21,.28),
        0 14px 34px rgba(15,23,42,.14),
        inset 0 1px 0 rgba(255,255,255,.72) !important;
}

html.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor *,
body.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor * {
    color: #78350f !important;
}

html.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor .mc4-block-credit-price,
body.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor .mc4-block-credit-price {
    background: linear-gradient(180deg, #facc15, #d97706) !important;
    color: #1c1203 !important;
    border-color: rgba(180,83,9,.44) !important;
}

/* ---------- FORMS / INPUTS / BUTTONS ---------- */
html.mc4-theme-light input,
html.mc4-theme-light select,
html.mc4-theme-light textarea,
body.mc4-theme-light input,
body.mc4-theme-light select,
body.mc4-theme-light textarea {
    background: rgba(255,255,255,.92) !important;
    color: var(--mc4-light-text) !important;
    border: 1px solid rgba(99,102,241,.24) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

html.mc4-theme-light input::placeholder,
html.mc4-theme-light textarea::placeholder,
body.mc4-theme-light input::placeholder,
body.mc4-theme-light textarea::placeholder {
    color: #94a3b8 !important;
}

html.mc4-theme-light button,
html.mc4-theme-light .btn,
html.mc4-theme-light [type="submit"],
body.mc4-theme-light button,
body.mc4-theme-light .btn,
body.mc4-theme-light [type="submit"] {
    color: var(--mc4-light-text) !important;
}

/* Ödeme butonu gibi mor CTA'lar beyaz yazılı kalsın */
html.mc4-theme-light .mc4-pay-button,
html.mc4-theme-light .mc4-payment-button,
html.mc4-theme-light [class*="pay"],
body.mc4-theme-light .mc4-pay-button,
body.mc4-theme-light .mc4-payment-button,
body.mc4-theme-light [class*="pay"] {
    color: #ffffff !important;
}

/* ---------- BREADCRUMB / TABLES ---------- */
html.mc4-theme-light nav[aria-label="Breadcrumb"],
html.mc4-theme-light .breadcrumb,
body.mc4-theme-light nav[aria-label="Breadcrumb"],
body.mc4-theme-light .breadcrumb {
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(241,245,249,.94)) !important;
    border-color: rgba(99,102,241,.22) !important;
}

html.mc4-theme-light nav[aria-label="Breadcrumb"] *,
html.mc4-theme-light .breadcrumb *,
body.mc4-theme-light nav[aria-label="Breadcrumb"] *,
body.mc4-theme-light .breadcrumb * {
    color: var(--mc4-light-muted) !important;
}

html.mc4-theme-light table,
body.mc4-theme-light table {
    background: rgba(255,255,255,.88) !important;
    color: var(--mc4-light-text) !important;
}

/* ---------- STORE MODE CARDS: keep dramatic dark inside light mode ---------- */
html.mc4-theme-light .mc4-store-category-nav,
body.mc4-theme-light .mc4-store-category-nav {
    background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(241,245,249,.92)) !important;
}

html.mc4-theme-light .mc4-store-category-nav a,
body.mc4-theme-light .mc4-store-category-nav a {
    color: transparent !important;
}

html.mc4-theme-light .mc4-store-category-nav a::after,
body.mc4-theme-light .mc4-store-category-nav a::after {
    text-shadow:
        0 5px 0 var(--mode-accent-2),
        0 13px 0 rgba(0,0,0,.20),
        0 24px 44px rgba(0,0,0,.58),
        0 0 28px var(--mode-shadow) !important;
}

/* ---------- FOOTER ---------- */
html.mc4-theme-light .mc4-master-footer,
body.mc4-theme-light .mc4-master-footer {
    background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(241,245,249,.96)) !important;
    border-top-color: rgba(99,102,241,.22) !important;
    color: var(--mc4-light-text) !important;
}

html.mc4-theme-light .mc4-master-footer *,
body.mc4-theme-light .mc4-master-footer * {
    color: var(--mc4-light-muted) !important;
}

html.mc4-theme-light .mc4-master-footer strong,
body.mc4-theme-light .mc4-master-footer strong {
    color: var(--mc4-light-text) !important;
}

/* ---------- ALERTS ---------- */
html.mc4-theme-light .alert,
html.mc4-theme-light [class*="alert"],
body.mc4-theme-light .alert,
body.mc4-theme-light [class*="alert"] {
    color: var(--mc4-light-text) !important;
}


/* =========================================================
   MC4FUN FINAL V3 ALLFIX
   Footer tekleştirme + light mode okunurluk + kredi görselleri + EFT/Havale dark fix
========================================================= */

/* ---------------------------------------------------------
   A) HOME BACKGROUND / LIGHT MODE CONSISTENCY
--------------------------------------------------------- */

/* Light mode'da anasayfa içerik alanı da diğer sayfalar gibi yaz/summer görünür */
html.mc4-theme-light body.mc4-page-home,
body.mc4-theme-light.mc4-page-home,
html.mc4-theme-light body.mc4-page-home #app,
body.mc4-theme-light.mc4-page-home #app,
html.mc4-theme-light body.mc4-page-home .mc4-app-shell,
body.mc4-theme-light.mc4-page-home .mc4-app-shell,
html.mc4-theme-light body.mc4-page-home #mc4-page-content,
body.mc4-theme-light.mc4-page-home #mc4-page-content,
html.mc4-theme-light body.mc4-page-home .mc4-page-content,
body.mc4-theme-light.mc4-page-home .mc4-page-content,
html.mc4-theme-light body.mc4-page-home .mc4-home,
body.mc4-theme-light.mc4-page-home .mc4-home {
    background:
        radial-gradient(circle at 74% 18%, rgba(250,204,21,.12), transparent 30%),
        linear-gradient(180deg, rgba(240,249,255,.50) 0%, rgba(224,242,254,.68) 46%, rgba(248,250,252,.86) 100%),
        var(--mc4-summer-bg) center top / cover fixed no-repeat !important;
    color: #111827 !important;
}

/* Night mode'da anasayfa background tekrar kaybolmasın */
html:not(.mc4-theme-light) body.mc4-page-home,
body.mc4-page-home:not(.mc4-theme-light),
html:not(.mc4-theme-light) body.mc4-page-home #mc4-page-content,
body.mc4-page-home:not(.mc4-theme-light) #mc4-page-content,
html:not(.mc4-theme-light) body.mc4-page-home .mc4-home,
body.mc4-page-home:not(.mc4-theme-light) .mc4-home {
    background:
        radial-gradient(circle at 50% 28%, rgba(88,28,135,.26), transparent 36%),
        linear-gradient(180deg, rgba(3,7,18,.82), rgba(3,7,18,.98)),
        var(--mc4-night-bg) center top / cover fixed no-repeat !important;
}

/* Home hero light */
html.mc4-theme-light body.mc4-page-home .mc4-home .mc4-hero,
body.mc4-theme-light.mc4-page-home .mc4-home .mc4-hero {
    background:
        linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(240,249,255,.38) 52%, rgba(224,242,254,.84) 100%),
        var(--mc4-summer-bg) center center / cover no-repeat !important;
}
html.mc4-theme-light body.mc4-page-home .mc4-home .mc4-hero::before,
body.mc4-theme-light.mc4-page-home .mc4-home .mc4-hero::before {
    background:
        linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(240,249,255,.30) 48%, rgba(224,242,254,.78) 100%),
        var(--mc4-summer-bg) center center / cover no-repeat !important;
}
html.mc4-theme-light body.mc4-page-home .mc4-home .mc4-hero::after,
body.mc4-theme-light.mc4-page-home .mc4-home .mc4-hero::after {
    background: linear-gradient(180deg, transparent 0%, rgba(224,242,254,.90) 72%, rgba(248,250,252,.96) 100%) !important;
}

/* ---------------------------------------------------------
   B) UNIVERSAL FOOTER - adamlar background, tek footer
--------------------------------------------------------- */

/* Eğer eski home footer kalırsa bile gizle, sadece layout footer kalsın */
body.mc4-page-home footer.mc4-footer {
    display: none !important;
}

/* Layout footer tüm sayfalarda home'daki premium arka plan hissinde */
.mc4-master-footer {
    position: relative !important;
    overflow: hidden !important;
    padding: 54px 0 24px !important;
    border-top: 1px solid rgba(139,92,246,.30) !important;
    background:
        linear-gradient(180deg, rgba(3,7,18,.72), rgba(3,7,18,.94)),
        url("/apps/main/app/views/themes/leaf/assets/img/adamlar.png") center center / cover no-repeat !important;
    color: #f8fafc !important;
}

.mc4-master-footer::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(139,92,246,.18), transparent 34%),
        linear-gradient(90deg, rgba(3,7,18,.94), rgba(3,7,18,.70), rgba(3,7,18,.94)) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.mc4-master-footer > * {
    position: relative !important;
    z-index: 2 !important;
}

.mc4-master-footer-inner {
    grid-template-columns: minmax(260px, 420px) 1fr !important;
    gap: 48px !important;
}

.mc4-master-footer,
.mc4-master-footer * {
    color: #e5e7eb !important;
}

.mc4-master-footer strong,
.mc4-master-footer h4,
.mc4-footer-brand strong {
    color: #ffffff !important;
}

.mc4-master-footer p {
    color: rgba(226,232,240,.82) !important;
}

.mc4-footer-nav a {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
}

/* Light mode footer da aynı premium koyu arka plan kalsın */
html.mc4-theme-light .mc4-master-footer,
body.mc4-theme-light .mc4-master-footer {
    background:
        linear-gradient(180deg, rgba(3,7,18,.62), rgba(3,7,18,.88)),
        url("/apps/main/app/views/themes/leaf/assets/img/adamlar.png") center center / cover no-repeat !important;
    border-top-color: rgba(139,92,246,.28) !important;
}

html.mc4-theme-light .mc4-master-footer::before,
body.mc4-theme-light .mc4-master-footer::before {
    background:
        radial-gradient(circle at 20% 0%, rgba(250,204,21,.08), transparent 34%),
        linear-gradient(90deg, rgba(3,7,18,.90), rgba(3,7,18,.58), rgba(3,7,18,.90)) !important;
}

html.mc4-theme-light .mc4-master-footer *,
body.mc4-theme-light .mc4-master-footer * {
    color: #e5e7eb !important;
}

html.mc4-theme-light .mc4-master-footer strong,
html.mc4-theme-light .mc4-master-footer h4,
body.mc4-theme-light .mc4-master-footer strong,
body.mc4-theme-light .mc4-master-footer h4 {
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   C) LIGHT MODE READABILITY - detaylı renk düzeni
--------------------------------------------------------- */

html.mc4-theme-light,
html.mc4-theme-light body,
body.mc4-theme-light {
    --mc4-light-text: #111827 !important;
    --mc4-light-text-2: #1f2937 !important;
    --mc4-light-muted: #475569 !important;
    --mc4-light-soft: #64748b !important;
    --mc4-light-card: rgba(255,255,255,.86) !important;
    --mc4-light-card-2: rgba(248,250,252,.94) !important;
    --mc4-light-border: rgba(79,70,229,.22) !important;
    --mc4-text: var(--mc4-light-text) !important;
    --mc4-muted: var(--mc4-light-muted) !important;
    --mc4-soft: var(--mc4-light-soft) !important;
    --mc4-card: var(--mc4-light-card) !important;
    --mc4-card-2: var(--mc4-light-card-2) !important;
    --mc4-card-3: rgba(255,255,255,.96) !important;
    --mc4-border: var(--mc4-light-border) !important;
}

html.mc4-theme-light body::after,
body.mc4-theme-light::after {
    background:
        radial-gradient(circle at 72% 18%, rgba(250,204,21,.08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.30)) !important;
}

/* Default text in light mode */
html.mc4-theme-light h1,
html.mc4-theme-light h2,
html.mc4-theme-light h3,
html.mc4-theme-light h4,
html.mc4-theme-light h5,
html.mc4-theme-light h6,
html.mc4-theme-light strong,
body.mc4-theme-light h1,
body.mc4-theme-light h2,
body.mc4-theme-light h3,
body.mc4-theme-light h4,
body.mc4-theme-light h5,
body.mc4-theme-light h6,
body.mc4-theme-light strong {
    color: #111827 !important;
    text-shadow: none !important;
}

html.mc4-theme-light p,
html.mc4-theme-light span,
html.mc4-theme-light small,
html.mc4-theme-light li,
html.mc4-theme-light td,
html.mc4-theme-light th,
html.mc4-theme-light label,
html.mc4-theme-light a,
body.mc4-theme-light p,
body.mc4-theme-light span,
body.mc4-theme-light small,
body.mc4-theme-light li,
body.mc4-theme-light td,
body.mc4-theme-light th,
body.mc4-theme-light label,
body.mc4-theme-light a {
    color: #475569 !important;
    text-shadow: none !important;
}

/* Hero headings remain white */
html.mc4-theme-light .mc4-main-title,
html.mc4-theme-light .mc4-master-pagehero h1,
html.mc4-theme-light .mc4-hero h1,
body.mc4-theme-light .mc4-main-title,
body.mc4-theme-light .mc4-master-pagehero h1,
body.mc4-theme-light .mc4-hero h1 {
    color: #ffffff !important;
    text-shadow: 0 6px 18px rgba(15,23,42,.72), 0 1px 0 rgba(15,23,42,.38) !important;
}

/* Navbar light mode: beyaz/cam ama okunur koyu yazı */
html.mc4-theme-light .mc4-master-shell,
body.mc4-theme-light .mc4-master-shell {
    background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(241,245,249,.96)) !important;
    border: 1px solid rgba(99,102,241,.24) !important;
    box-shadow: 0 18px 54px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.78) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

html.mc4-theme-light .mc4-master-brand,
html.mc4-theme-light .mc4-master-nav-item,
html.mc4-theme-light .mc4-theme-toggle,
html.mc4-theme-light .mc4-master-cart,
html.mc4-theme-light .mc4-master-online,
html.mc4-theme-light .mc4-master-user-btn,
html.mc4-theme-light .mc4-mobile-menu-btn,
body.mc4-theme-light .mc4-master-brand,
body.mc4-theme-light .mc4-master-nav-item,
body.mc4-theme-light .mc4-theme-toggle,
body.mc4-theme-light .mc4-master-cart,
body.mc4-theme-light .mc4-master-online,
body.mc4-theme-light .mc4-master-user-btn,
body.mc4-theme-light .mc4-mobile-menu-btn {
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(241,245,249,.88)) !important;
    border: 1px solid rgba(99,102,241,.18) !important;
    color: #111827 !important;
    text-shadow: none !important;
}

html.mc4-theme-light .mc4-master-shell *,
body.mc4-theme-light .mc4-master-shell * {
    color: #111827 !important;
    text-shadow: none !important;
}

html.mc4-theme-light .mc4-master-nav-icon,
body.mc4-theme-light .mc4-master-nav-icon {
    background: rgba(99,102,241,.12) !important;
    color: #4f46e5 !important;
}

html.mc4-theme-light .mc4-master-nav-item.active,
html.mc4-theme-light .mc4-master-nav-item:hover,
body.mc4-theme-light .mc4-master-nav-item.active,
body.mc4-theme-light .mc4-master-nav-item:hover {
    background:
        radial-gradient(circle at 20% 0%, rgba(250,204,21,.32), transparent 38%),
        linear-gradient(180deg, rgba(254,243,199,.92), rgba(253,230,138,.86)) !important;
    border-color: rgba(217,119,6,.52) !important;
    color: #78350f !important;
}

html.mc4-theme-light .mc4-master-nav-item.active *,
html.mc4-theme-light .mc4-master-nav-item:hover *,
body.mc4-theme-light .mc4-master-nav-item.active *,
body.mc4-theme-light .mc4-master-nav-item:hover * {
    color: #78350f !important;
}

/* Cards / panels in light mode */
html.mc4-theme-light .mc4-stat-card,
html.mc4-theme-light .mc4-card,
html.mc4-theme-light .card,
html.mc4-theme-light .mc4-grid,
html.mc4-theme-light .mc4-news-card,
html.mc4-theme-light .mc4-block-credit-panel,
html.mc4-theme-light .mc4-charge-card,
html.mc4-theme-light .mc4-payment-card,
html.mc4-theme-light .mc4-payment-method,
html.mc4-theme-light .mc4-credit-card,
html.mc4-theme-light .mc4-top-cards .mc4-stat-card,
html.mc4-theme-light .bg-white,
html.mc4-theme-light .bg-gray-50,
html.mc4-theme-light .bg-gray-100,
body.mc4-theme-light .mc4-stat-card,
body.mc4-theme-light .mc4-card,
body.mc4-theme-light .card,
body.mc4-theme-light .mc4-grid,
body.mc4-theme-light .mc4-news-card,
body.mc4-theme-light .mc4-block-credit-panel,
body.mc4-theme-light .mc4-charge-card,
body.mc4-theme-light .mc4-payment-card,
body.mc4-theme-light .mc4-payment-method,
body.mc4-theme-light .mc4-credit-card,
body.mc4-theme-light .mc4-top-cards .mc4-stat-card,
body.mc4-theme-light .bg-white,
body.mc4-theme-light .bg-gray-50,
body.mc4-theme-light .bg-gray-100 {
    background:
        radial-gradient(circle at 18% 0%, rgba(99,102,241,.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.90), rgba(241,245,249,.97)) !important;
    border-color: rgba(99,102,241,.22) !important;
    color: #111827 !important;
    box-shadow: 0 22px 60px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

html.mc4-theme-light .mc4-stat-card *,
html.mc4-theme-light .mc4-card *,
html.mc4-theme-light .card *,
html.mc4-theme-light .mc4-grid *,
html.mc4-theme-light .mc4-news-card *,
html.mc4-theme-light .mc4-block-credit-panel *,
html.mc4-theme-light .mc4-charge-card *,
html.mc4-theme-light .mc4-payment-card *,
html.mc4-theme-light .mc4-credit-card *,
body.mc4-theme-light .mc4-stat-card *,
body.mc4-theme-light .mc4-card *,
body.mc4-theme-light .card *,
body.mc4-theme-light .mc4-grid *,
body.mc4-theme-light .mc4-news-card *,
body.mc4-theme-light .mc4-block-credit-panel *,
body.mc4-theme-light .mc4-charge-card *,
body.mc4-theme-light .mc4-payment-card *,
body.mc4-theme-light .mc4-credit-card * {
    color: #111827 !important;
    text-shadow: none !important;
}

/* Keep top colorful donor cards readable white */
html.mc4-theme-light .mc4-donor-card,
html.mc4-theme-light .mc4-donor-card *,
body.mc4-theme-light .mc4-donor-card,
body.mc4-theme-light .mc4-donor-card * {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.24) !important;
}

/* Recent credit list */
html.mc4-theme-light .mc4-block-credit-item,
body.mc4-theme-light .mc4-block-credit-item {
    background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(241,245,249,.96)) !important;
    border-color: rgba(99,102,241,.20) !important;
}

html.mc4-theme-light .mc4-block-rank,
body.mc4-theme-light .mc4-block-rank {
    background: rgba(15,23,42,.08) !important;
    color: #111827 !important;
}

html.mc4-theme-light .mc4-block-credit-price,
body.mc4-theme-light .mc4-block-credit-price {
    background: linear-gradient(180deg, #7c3aed, #5b21b6) !important;
    border-color: rgba(124,58,237,.42) !important;
    color: #ffffff !important;
}

/* Gold donor light mode */
html.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor,
body.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor {
    border: 1px solid rgba(217,119,6,.72) !important;
    background:
        radial-gradient(circle at 88% 50%, rgba(250,204,21,.24), transparent 34%),
        linear-gradient(180deg, rgba(255,251,235,.94), rgba(254,243,199,.96)) !important;
    box-shadow: 0 0 0 1px rgba(250,204,21,.18), 0 0 22px rgba(250,204,21,.28), 0 14px 34px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

html.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor *,
body.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor * {
    color: #78350f !important;
}

html.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor .mc4-block-credit-price,
body.mc4-theme-light .mc4-block-credit-item.mc4-gold-donor .mc4-block-credit-price {
    background: linear-gradient(180deg, #facc15, #d97706) !important;
    color: #1c1203 !important;
    border-color: rgba(180,83,9,.44) !important;
}

/* Store mode cards stay dramatic */
html.mc4-theme-light .mc4-store-category-nav,
body.mc4-theme-light .mc4-store-category-nav {
    background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(241,245,249,.92)) !important;
}

html.mc4-theme-light .mc4-store-category-nav a,
body.mc4-theme-light .mc4-store-category-nav a {
    color: transparent !important;
}

/* ---------------------------------------------------------
   D) CREDIT PAGE ICON / IMAGE READABILITY IN LIGHT MODE
--------------------------------------------------------- */

/* Payment cards should not wash out in light mode */
html.mc4-theme-light .mc4-charge-page .mc4-payment-card,
html.mc4-theme-light .mc4-charge-page .mc4-payment-method,
html.mc4-theme-light .mc4-charge-page .mc4-charge-card,
html.mc4-theme-light .mc4-charge-page .mc4-summary-card,
body.mc4-theme-light .mc4-charge-page .mc4-payment-card,
body.mc4-theme-light .mc4-charge-page .mc4-payment-method,
body.mc4-theme-light .mc4-charge-page .mc4-charge-card,
body.mc4-theme-light .mc4-charge-page .mc4-summary-card {
    background:
        radial-gradient(circle at 18% 0%, rgba(99,102,241,.06), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(241,245,249,.98)) !important;
    border-color: rgba(99,102,241,.24) !important;
    color: #111827 !important;
}

/* Make icons visible */
html.mc4-theme-light .mc4-charge-page i,
html.mc4-theme-light .mc4-charge-page svg,
body.mc4-theme-light .mc4-charge-page i,
body.mc4-theme-light .mc4-charge-page svg {
    color: #4f46e5 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Icon boxes */
html.mc4-theme-light .mc4-charge-page [class*="icon"],
html.mc4-theme-light .mc4-charge-page .mc4-method-icon,
body.mc4-theme-light .mc4-charge-page [class*="icon"],
body.mc4-theme-light .mc4-charge-page .mc4-method-icon {
    background: rgba(79,70,229,.12) !important;
    color: #4f46e5 !important;
    opacity: 1 !important;
}

/* Ensure payment method labels are dark readable */
html.mc4-theme-light .mc4-charge-page h1,
html.mc4-theme-light .mc4-charge-page h2,
html.mc4-theme-light .mc4-charge-page h3,
html.mc4-theme-light .mc4-charge-page h4,
html.mc4-theme-light .mc4-charge-page strong,
html.mc4-theme-light .mc4-charge-page p,
html.mc4-theme-light .mc4-charge-page span,
html.mc4-theme-light .mc4-charge-page small,
html.mc4-theme-light .mc4-charge-page label,
body.mc4-theme-light .mc4-charge-page h1,
body.mc4-theme-light .mc4-charge-page h2,
body.mc4-theme-light .mc4-charge-page h3,
body.mc4-theme-light .mc4-charge-page h4,
body.mc4-theme-light .mc4-charge-page strong,
body.mc4-theme-light .mc4-charge-page p,
body.mc4-theme-light .mc4-charge-page span,
body.mc4-theme-light .mc4-charge-page small,
body.mc4-theme-light .mc4-charge-page label {
    color: #111827 !important;
    text-shadow: none !important;
}

/* Payment CTA stays purple with white text */
html.mc4-theme-light .mc4-charge-page [type="submit"],
html.mc4-theme-light .mc4-charge-page .mc4-pay-button,
html.mc4-theme-light .mc4-charge-page .mc4-payment-button,
body.mc4-theme-light .mc4-charge-page [type="submit"],
body.mc4-theme-light .mc4-charge-page .mc4-pay-button,
body.mc4-theme-light .mc4-charge-page .mc4-payment-button {
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   E) EFT/HAVALE / PAYMENT DETAIL DARK THEME FIX
--------------------------------------------------------- */

/* Dark mode: old white payment instruction boxes become dark */
body:not(.mc4-theme-light) .mc4-page-content .bg-white,
body:not(.mc4-theme-light) .mc4-page-content .bg-gray-50,
body:not(.mc4-theme-light) .mc4-page-content .bg-gray-100,
body:not(.mc4-theme-light) .mc4-page-content [class*="bg-white"],
body:not(.mc4-theme-light) .mc4-page-content [class*="bg-gray-"] {
    background:
        radial-gradient(circle at 18% 0%, rgba(139,92,246,.10), transparent 34%),
        linear-gradient(180deg, rgba(12,17,39,.88), rgba(6,10,24,.96)) !important;
    border-color: rgba(139,92,246,.30) !important;
    color: #f8fafc !important;
}

/* Dark mode: EFT/Havale all text readable white */
body:not(.mc4-theme-light) .mc4-page-content .bg-white *,
body:not(.mc4-theme-light) .mc4-page-content .bg-gray-50 *,
body:not(.mc4-theme-light) .mc4-page-content .bg-gray-100 *,
body:not(.mc4-theme-light) .mc4-page-content [class*="bg-white"] *,
body:not(.mc4-theme-light) .mc4-page-content [class*="bg-gray-"] * {
    color: #e5e7eb !important;
}

/* Important warnings keep color meaning */
body:not(.mc4-theme-light) .mc4-page-content .text-red-500,
body:not(.mc4-theme-light) .mc4-page-content .text-red-600 {
    color: #fca5a5 !important;
}
body:not(.mc4-theme-light) .mc4-page-content .text-green-500,
body:not(.mc4-theme-light) .mc4-page-content .text-green-600 {
    color: #86efac !important;
}
body:not(.mc4-theme-light) .mc4-page-content .text-yellow-500,
body:not(.mc4-theme-light) .mc4-page-content .text-yellow-600 {
    color: #fde68a !important;
}

/* Light mode EFT pages: light cards with dark text */
html.mc4-theme-light .mc4-page-content .bg-white,
html.mc4-theme-light .mc4-page-content .bg-gray-50,
html.mc4-theme-light .mc4-page-content .bg-gray-100,
body.mc4-theme-light .mc4-page-content .bg-white,
body.mc4-theme-light .mc4-page-content .bg-gray-50,
body.mc4-theme-light .mc4-page-content .bg-gray-100 {
    background: rgba(255,255,255,.92) !important;
    color: #111827 !important;
    border-color: rgba(99,102,241,.20) !important;
}

html.mc4-theme-light .mc4-page-content .bg-white *,
html.mc4-theme-light .mc4-page-content .bg-gray-50 *,
html.mc4-theme-light .mc4-page-content .bg-gray-100 *,
body.mc4-theme-light .mc4-page-content .bg-white *,
body.mc4-theme-light .mc4-page-content .bg-gray-50 *,
body.mc4-theme-light .mc4-page-content .bg-gray-100 * {
    color: #111827 !important;
}

/* ---------------------------------------------------------
   F) FORMS / INPUTS / TABLES
--------------------------------------------------------- */

html.mc4-theme-light input,
html.mc4-theme-light select,
html.mc4-theme-light textarea,
body.mc4-theme-light input,
body.mc4-theme-light select,
body.mc4-theme-light textarea {
    background: rgba(255,255,255,.94) !important;
    color: #111827 !important;
    border: 1px solid rgba(99,102,241,.24) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

html.mc4-theme-light input::placeholder,
html.mc4-theme-light textarea::placeholder,
body.mc4-theme-light input::placeholder,
body.mc4-theme-light textarea::placeholder {
    color: #94a3b8 !important;
}

html.mc4-theme-light table,
body.mc4-theme-light table {
    background: rgba(255,255,255,.90) !important;
    color: #111827 !important;
}

/* ---------------------------------------------------------
   G) MOBILE DRAWER LIGHT READABILITY
--------------------------------------------------------- */
html.mc4-theme-light .mc4-mobile-drawer,
body.mc4-theme-light .mc4-mobile-drawer {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.98)) !important;
    color: #111827 !important;
    border-left-color: rgba(99,102,241,.28) !important;
}

html.mc4-theme-light .mc4-mobile-drawer *,
body.mc4-theme-light .mc4-mobile-drawer * {
    color: #111827 !important;
}

html.mc4-theme-light .mc4-mobile-nav-item,
html.mc4-theme-light .mc4-mobile-drawer-actions a,
html.mc4-theme-light .mc4-mobile-drawer-actions button,
body.mc4-theme-light .mc4-mobile-nav-item,
body.mc4-theme-light .mc4-mobile-drawer-actions a,
body.mc4-theme-light .mc4-mobile-drawer-actions button {
    background: rgba(255,255,255,.78) !important;
    border-color: rgba(99,102,241,.18) !important;
    color: #111827 !important;
}

/* Mobile close should remain visible */
html.mc4-theme-light .mc4-mobile-close-btn,
html.mc4-theme-light .mc4-mobile-drawer-head [data-mc4-menu-close],
body.mc4-theme-light .mc4-mobile-close-btn,
body.mc4-theme-light .mc4-mobile-drawer-head [data-mc4-menu-close] {
    background: linear-gradient(180deg, rgba(239,68,68,.14), rgba(254,226,226,.88)) !important;
    border-color: rgba(239,68,68,.36) !important;
    color: #991b1b !important;
}