/* DI-TAX RIDER PROFIL — HTML Living Standard / Popover API — 2026 */
.ttProfileLauncher{
  appearance:none;border:1px solid rgba(96,165,250,.42);background:linear-gradient(180deg,#142946,#0b1a31);
  color:#dbeafe;border-radius:15px;min-height:48px;padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font:900 12px/1 Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 20px rgba(0,0,0,.20);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
.ttProfileLauncher:hover{border-color:rgba(125,211,252,.72);filter:brightness(1.06)}
.ttProfileLauncher:active{transform:translateY(2px) scale(.98)}
.ttProfileLauncherIcon{font-size:22px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}
.ttProfileLauncherLabel{font-size:11px;letter-spacing:.04em}

.ttProfileSurface{
  position:fixed;inset:auto 14px auto auto;top:max(92px,calc(env(safe-area-inset-top) + 76px));
  width:min(390px,calc(100vw - 28px));max-height:min(690px,calc(100dvh - 118px));overflow:auto;
  margin:0;padding:16px;border:1px solid rgba(56,189,248,.35);border-radius:25px;
  background:linear-gradient(165deg,rgba(8,21,42,.985),rgba(4,13,29,.99) 68%,rgba(9,34,48,.99));
  color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(14,165,233,.05);
  font-family:Arial,sans-serif;transform-origin:calc(100% - 30px) 0%;
  opacity:0;transform:perspective(900px) translate3d(22px,-10px,0) rotateY(-9deg) rotateX(4deg) scale(.94);
  filter:blur(5px);transition:opacity .24s ease,transform .32s cubic-bezier(.2,.88,.24,1.12),filter .24s ease,display .24s allow-discrete,overlay .24s allow-discrete;
  scrollbar-width:thin;z-index:2147480000;
}
.ttProfileSurface:popover-open{opacity:1;transform:perspective(900px) translate3d(0,0,0) rotateY(0) rotateX(0) scale(1);filter:blur(0)}
@starting-style{.ttProfileSurface:popover-open{opacity:0;transform:perspective(900px) translate3d(22px,-10px,0) rotateY(-9deg) rotateX(4deg) scale(.94);filter:blur(5px)}}
.ttProfileSurface::backdrop{background:rgba(2,8,23,.48);backdrop-filter:blur(5px) saturate(.9);-webkit-backdrop-filter:blur(5px) saturate(.9)}
.ttProfileGlow{position:absolute;right:-60px;top:-80px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.20),rgba(56,189,248,0) 67%);pointer-events:none}
.ttProfileHead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 11px;border-bottom:1px solid rgba(148,163,184,.18)}
.ttProfileEyebrow{color:#67e8f9;font-weight:1000;font-size:10px;letter-spacing:.16em;margin-bottom:2px}
.ttProfileHead h2{margin:0;font-size:25px;line-height:1;font-weight:1000;letter-spacing:.02em}
.ttProfileClose{width:38px;height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:rgba(30,41,59,.72);color:#e2e8f0;font-size:25px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.ttProfileClose:active{transform:scale(.95)}
.ttProfileBlock{position:relative;margin-top:13px;padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(14,32,57,.78),rgba(10,24,44,.72));border:1px solid rgba(56,189,248,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.ttProfileBlockTitle{display:flex;align-items:center;gap:7px;color:#d9f7ff;font-size:13px;font-weight:1000;letter-spacing:.06em;margin:0 0 10px}
.ttProfileLanguageModern{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;margin:0!important}
.ttProfileLanguageModern .btn-lang{min-width:0!important;width:100%!important;margin:0!important;padding:8px 4px!important;border-radius:12px!important;min-height:48px!important;font-size:12px!important;transform:translateZ(0);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}
.ttProfileLanguageModern .btn-lang:active{transform:translateY(2px) scale(.97)!important}
.ttProfileLanguageModern .btn-lang.active{box-shadow:0 0 0 2px rgba(250,204,21,.54),0 8px 18px rgba(250,204,21,.13)!important}
.ttProfileActions{display:grid;gap:9px;margin-top:12px}
.ttProfileBottomRow{display:grid;grid-template-columns:124px minmax(0,1fr);gap:9px;align-items:stretch}
.ttProfileAction{width:100%;min-height:52px;border-radius:16px;border:1px solid rgba(148,163,184,.20);padding:10px 12px;background:linear-gradient(180deg,rgba(30,41,59,.94),rgba(15,23,42,.94));color:#f8fafc;display:grid;grid-template-columns:32px 1fr 22px;align-items:center;gap:8px;text-align:left;font:950 14px/1.1 Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.16);transition:transform .16s ease,filter .16s ease,border-color .16s ease}
.ttProfileAction:active{transform:translateY(2px) scale(.99)}
.ttProfileActionPin{border-color:rgba(245,158,11,.30)}
.ttProfileActionLogout{border-color:rgba(248,113,113,.24);color:#fecaca}
.ttProfileActionIcon{font-size:19px;text-align:center}.ttProfileActionChevron{font-size:24px;opacity:.55;text-align:right}

/* EXIT: kompaktna funkcija unutar profila; nije ODJAVA. */
.ttProfileExit{position:relative;width:100%;min-height:62px;border:1px solid rgba(74,222,128,.44);border-radius:17px;padding:8px 13px;display:flex;align-items:center;gap:13px;overflow:hidden;cursor:pointer;color:#ecfdf5;text-align:left;background:linear-gradient(155deg,#0d6f3c 0%,#16a34a 58%,#0c7a44 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -4px 0 rgba(0,0,0,.15),0 11px 24px rgba(22,163,74,.20);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.ttProfileExit::after{content:"";position:absolute;left:0;right:0;top:0;height:38%;background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0));pointer-events:none}
.ttProfileExit:active{transform:translateY(3px) scale(.99);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 12px rgba(22,163,74,.16)}
.ttExitDoor{position:relative;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:rgba(3,45,25,.32);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 14px rgba(0,0,0,.16);display:grid;place-items:center;perspective:300px}
.ttExitFrame{position:absolute;right:7px;top:7px;width:21px;height:31px;border:3px solid rgba(255,255,255,.92);border-left-width:2px;border-radius:3px;transform:skewY(-2deg);box-shadow:0 2px 5px rgba(0,0,0,.18)}
.ttExitArrow{position:absolute;z-index:3;left:5px;top:7px;font:1000 30px/1 Arial,sans-serif;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.25);animation:ttExitArrowCue 1.55s ease-in-out infinite}
.ttExitCopy{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px}.ttExitCopy strong{font-size:19px;letter-spacing:.03em}.ttExitCopy small{font-size:11px;font-weight:800;color:#bbf7d0;opacity:.88}
@keyframes ttExitArrowCue{0%,100%{transform:translateX(0) rotateY(0);filter:brightness(1)}45%{transform:translateX(-5px) rotateY(-10deg);filter:brightness(1.14)}70%{transform:translateX(-2px) rotateY(-4deg)}}

@media(max-width:420px){
  .ttProfileLauncherLabel{display:none}.ttProfileLauncher{min-width:48px;padding:7px}
  .ttProfileSurface{right:10px;top:max(84px,calc(env(safe-area-inset-top) + 68px));width:calc(100vw - 20px);padding:13px;border-radius:22px;max-height:calc(100dvh - 100px)}
  .ttProfileLanguageModern{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
  .ttProfileLanguageModern .btn-lang{min-height:46px!important;padding:7px 2px!important}
}
@media(prefers-reduced-motion:reduce){.ttProfileSurface,.ttProfileLauncher,.ttProfileAction,.ttProfileExit,.ttProfileLanguageModern .btn-lang{transition:none!important}.ttExitArrow{animation:none!important}}

.ttProfileFallbackOpen{display:block!important;opacity:1!important;transform:none!important;filter:none!important}
@media(max-width:360px){.ttProfileBottomRow{grid-template-columns:112px minmax(0,1fr)}.ttExitCopy small{display:none}}

/* ===== DI-TAX: zaključani RIDER header — profil ostaje uz korisnika, bez pomicanja loga ===== */
#ttLoggedCustomerBar.ttFinalHeroCustomer .ttProfileLauncher{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
  padding:0!important;margin:0!important;border-radius:15px!important;
  border:1px solid rgba(96,165,250,.55)!important;
  background:linear-gradient(180deg,rgba(20,43,79,.96),rgba(10,25,49,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.28)!important;
  font-size:24px!important;color:#8fb8ff!important;
}
#ttLoggedCustomerBar.ttFinalHeroCustomer .ttProfileLauncherLabel{display:none!important}
#ttLoggedCustomerBar.ttFinalHeroCustomer .ttProfileLauncherIcon{font-size:24px!important;line-height:1!important}

/* Profil namjerno prozirniji; pozadina ostaje vidljiva, ali tekst zadržava kontrast. */
.ttProfileSurface{
  background:linear-gradient(165deg,rgba(8,21,42,.88),rgba(4,13,29,.86) 68%,rgba(9,34,48,.88))!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.05)!important;
  backdrop-filter:blur(12px) saturate(1.05)!important;
}
.ttProfileSurface::backdrop{
  background:rgba(2,8,23,.34)!important;
  -webkit-backdrop-filter:blur(4px) saturate(.94)!important;
  backdrop-filter:blur(4px) saturate(.94)!important;
}
.ttProfileBlock{background:linear-gradient(180deg,rgba(14,32,57,.62),rgba(10,24,44,.56))!important}
.ttProfileAction{background:linear-gradient(180deg,rgba(30,41,59,.76),rgba(15,23,42,.72))!important}
@media(max-width:560px){
  #ttLoggedCustomerBar.ttFinalHeroCustomer .ttProfileLauncher{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:12px!important;
  }
  #ttLoggedCustomerBar.ttFinalHeroCustomer .ttProfileLauncherIcon{font-size:20px!important}
}


/* MOJI PODACI — korisnički identitet premješten s početnog ekrana u PROFIL. */
.ttProfileData{position:relative;margin-top:13px;border:1px solid rgba(125,211,252,.22);border-radius:18px;background:linear-gradient(180deg,rgba(14,32,57,.62),rgba(10,24,44,.56));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.ttProfileDataSummary{list-style:none;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px;min-height:54px;padding:10px 12px;color:#f8fafc;font:950 14px/1.1 Arial,sans-serif;cursor:pointer;user-select:none}
.ttProfileDataSummary::-webkit-details-marker{display:none}.ttProfileDataIcon{font-size:20px;text-align:center}.ttProfileDataChevron{font-size:23px;opacity:.66;text-align:center;transition:transform .2s ease}.ttProfileData[open] .ttProfileDataChevron{transform:rotate(180deg)}
.ttProfileDataBody{padding:0 12px 12px;border-top:1px solid rgba(148,163,184,.14)}
.ttProfileField{margin-top:11px!important;margin-bottom:0!important}.ttProfileField label{display:inline-block!important;margin-bottom:6px!important}.ttProfileField .input-icon-wrapper{margin:0!important}.ttProfileField .input-icon-wrapper input{min-height:48px!important}.ttProfileField .phoneBadge{margin-top:8px!important}
@media(max-width:420px){.ttProfileDataSummary{min-height:50px;padding:9px 10px}.ttProfileDataBody{padding:0 10px 10px}.ttProfileField .input-icon-wrapper input{min-height:44px!important}}