:root{--tennis-ball:#d6f24a;--court-teal:#0e9488;--court-teal-dark:#0a4d44;--ink:#0f1a17;--th-font-head:"Plus Jakarta Sans",system-ui,sans-serif;--th-font-body:"Inter",system-ui,sans-serif}[data-bs-theme="light"]{--bs-primary:#0e9488;--bs-primary-rgb:14,148,136;--bs-link-color:#0b7b71;--bs-link-hover-color:#095f57;--bs-body-color:#1b2a26}[data-bs-theme="dark"]{--bs-primary:#2bb3a3;--bs-primary-rgb:43,179,163;--bs-link-color:#5fd3c4;--bs-link-hover-color:#8ee3d8}body{font-family:var(--th-font-body);background-color:#eef3ea;background-image:radial-gradient(900px 520px at 100% -5%,rgba(14,148,136,.10),transparent 60%),radial-gradient(820px 520px at -5% 12%,rgba(140,207,62,.12),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cg fill='none' stroke='%2386cf3e' stroke-width='2' opacity='0.10'%3E%3Ccircle cx='38' cy='38' r='17'/%3E%3Cpath d='M24 27 a26 26 0 0 0 0 22'/%3E%3Cpath d='M52 27 a26 26 0 0 1 0 22'/%3E%3Ccircle cx='113' cy='112' r='17'/%3E%3Cpath d='M99 101 a26 26 0 0 0 0 22'/%3E%3Cpath d='M127 101 a26 26 0 0 1 0 22'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed,fixed,fixed;background-repeat:no-repeat,no-repeat,repeat}[data-bs-theme="dark"] body{background-color:#0c1411;background-image:radial-gradient(900px 520px at 100% -5%,rgba(43,179,163,.14),transparent 60%),radial-gradient(820px 520px at -5% 12%,rgba(140,207,62,.10),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cg fill='none' stroke='%237bc043' stroke-width='2' opacity='0.07'%3E%3Ccircle cx='38' cy='38' r='17'/%3E%3Cpath d='M24 27 a26 26 0 0 0 0 22'/%3E%3Cpath d='M52 27 a26 26 0 0 1 0 22'/%3E%3Ccircle cx='113' cy='112' r='17'/%3E%3Cpath d='M99 101 a26 26 0 0 0 0 22'/%3E%3Cpath d='M127 101 a26 26 0 0 1 0 22'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed,fixed,fixed;background-repeat:no-repeat,no-repeat,repeat}h1,h2,h3,h4,h5,.navbar-brand{font-family:var(--th-font-head);letter-spacing:-.02em}.navbar.bg-body-tertiary{background:rgba(255,255,255,.78)!important;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(0,0,0,.06)!important}[data-bs-theme="dark"] .navbar.bg-body-tertiary{background:rgba(14,24,20,.78)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.navbar-brand{font-weight:800;display:inline-flex;align-items:center}.brand-logo{height:30px;width:auto;transition:transform .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.navbar-brand:hover .brand-logo{transform:rotate(-8deg) scale(1.08)}.brand-hr{color:#7bc043}.th-hero-logo-wrap{position:relative;display:inline-block;margin-bottom:.5rem;perspective:700px}.th-hero-logo{position:relative;z-index:1;height:240px;width:auto;display:block;filter:drop-shadow(0 12px 16px rgba(0,0,0,.30));animation:th-pin3d 5s ease-in-out infinite;transform-origin:center bottom;transform-style:preserve-3d}.th-hero-logo-shadow{position:absolute;left:50%;bottom:-8px;z-index:0;width:64%;height:18px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(0,0,0,.45),rgba(0,0,0,0) 70%);border-radius:50%;animation:th-pin-shadow 5s ease-in-out infinite}@keyframes th-pin3d{0%{transform:translateY(0) rotateY(-18deg) rotateZ(-2deg)}50%{transform:translateY(-18px) rotateY(18deg) rotateZ(2deg)}100%{transform:translateY(0) rotateY(-18deg) rotateZ(-2deg)}}@keyframes th-pin-shadow{0%{transform:translateX(-50%) scale(1);opacity:.5}50%{transform:translateX(-50%) scale(.7);opacity:.25}100%{transform:translateX(-50%) scale(1);opacity:.5}}.th-hero-logo-wrap:hover .th-hero-logo{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.th-hero-logo,.th-hero-logo-shadow{animation:none}}@media (max-width:575px){.th-hero-logo{height:115px}}.navbar-brand .bi{color:var(--court-teal)}[data-bs-theme="dark"] .navbar-brand .bi{color:var(--tennis-ball)}.nav-link{font-weight:500}.nav-demo-btn{background:var(--court-teal);color:#fff!important;border-radius:2rem;padding:.35rem 1rem!important;font-weight:700}.nav-demo-btn:hover,.nav-demo-btn:focus{background:var(--court-teal-dark);color:#fff!important}[data-bs-theme="dark"] .nav-demo-btn{background:var(--tennis-ball);color:#0a4d44!important}[data-bs-theme="dark"] .nav-demo-btn:hover{filter:brightness(1.06);color:#0a4d44!important}.user-chip{display:inline-flex;align-items:center;gap:.4rem;background:rgba(14,148,136,.1);border:1px solid rgba(14,148,136,.25);padding:.25rem .7rem;border-radius:2rem;color:var(--bs-body-color);cursor:pointer;transition:background .15s ease}.user-chip:hover{background:rgba(14,148,136,.2);color:var(--bs-body-color)}.user-chip .bi{color:var(--court-teal)}[data-bs-theme="dark"] .user-chip{background:rgba(43,179,163,.14);border-color:rgba(43,179,163,.3)}[data-bs-theme="dark"] .user-chip .bi{color:var(--tennis-ball)}.user-chip .user-role{background:var(--court-teal);color:#fff;border-radius:1rem;padding:.05rem .5rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.btn{border-radius:.7rem;font-weight:600;font-family:var(--th-font-head)}.btn-lg{border-radius:.9rem;padding-block:.7rem}.btn-primary{--bs-btn-bg:#0e9488;--bs-btn-border-color:#0e9488;--bs-btn-hover-bg:#0b7b71;--bs-btn-hover-border-color:#0b7b71;--bs-btn-active-bg:#095f57;--bs-btn-active-border-color:#095f57;box-shadow:0 8px 20px rgba(14,148,136,.30)}.btn-primary:hover{transform:translateY(-2px)}.btn-glass{color:#fff;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.btn-glass:hover{background:rgba(255,255,255,.22);color:#fff}.form-control:focus,.form-select:focus,.btn:focus-visible{border-color:#2bb3a3;box-shadow:0 0 0 .25rem rgba(43,179,163,.25)}.th-hero{position:relative;min-height:92vh;display:flex;align-items:center;background:#0a4d44;margin-top:-1px;overflow:hidden}.th-hero-img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.th-hero-overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(900px 500px at 80% 10%,rgba(214,242,74,.18),transparent 55%),linear-gradient(120deg,rgba(7,38,33,.92) 0%,rgba(9,55,48,.78) 45%,rgba(10,77,68,.45) 100%)}.th-hero-inner{position:relative;z-index:2;color:#fff;padding:5rem 0;display:flex;align-items:center;justify-content:space-between;gap:2.5rem}.th-hero-text{max-width:620px;flex:1 1 auto}.th-hero-inner .th-hero-logo-wrap{flex:0 0 auto}.th-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(214,242,74,.16);color:var(--tennis-ball);border:1px solid rgba(214,242,74,.35);padding:.45rem .9rem;border-radius:2rem;font-weight:600;font-size:.85rem;font-family:var(--th-font-head)}.th-hero-title{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;line-height:1.04;margin:1.4rem 0 1rem;text-shadow:0 4px 30px rgba(0,0,0,.3)}.th-hero-sub{font-size:clamp(1.05rem,2vw,1.3rem);color:rgba(255,255,255,.88);max-width:600px}.th-hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.8rem 0 2.6rem}.th-hero-perks{display:flex;gap:1rem 1.8rem;flex-wrap:wrap}.th-hero-perks>div{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--th-font-head);font-weight:600;font-size:.98rem;color:#fff}.th-hero-perks i{color:var(--tennis-ball);font-size:1.25rem}@media (max-width:900px){.th-hero-inner{flex-direction:column-reverse;text-align:center;padding:3.5rem 0;gap:1.5rem}.th-hero-text{max-width:640px}.th-hero-sub{margin-left:auto;margin-right:auto}.th-hero-cta,.th-hero-perks{justify-content:center}.th-hero-logo{height:170px}}.th-section{padding:5.5rem 0}.th-section-alt{background:#eef3ea}[data-bs-theme="dark"] .th-section-alt{background:#10201b}.th-eyebrow{display:inline-block;font-family:var(--th-font-head);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--court-teal);margin-bottom:.6rem}[data-bs-theme="dark"] .th-eyebrow{color:var(--tennis-ball)}.th-h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;margin-bottom:.8rem}.th-lead{font-size:1.15rem;color:var(--bs-secondary-color);max-width:620px}.accordion-collapse.collapsing{transition:none!important;height:auto!important}.accordion-button,.accordion-button::after{transition:none}.th-feature{height:100%;background:var(--bs-body-bg);border:1px solid rgba(0,0,0,.06);border-radius:1.2rem;padding:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 18px rgba(16,58,50,.05)}[data-bs-theme="dark"] .th-feature{background:#15241e;border-color:rgba(255,255,255,.07)}.th-feature:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(16,58,50,.13)}.th-feature-ico{width:58px;height:58px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;margin-bottom:1.1rem;background:linear-gradient(135deg,#12a394,#0a4d44);box-shadow:0 8px 18px rgba(14,148,136,.3)}.th-feature h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.th-feature p{color:var(--bs-secondary-color);margin:0}.th-steps{list-style:none;padding:0;margin:1.5rem 0 0}.th-steps li{display:flex;gap:1.2rem;padding:1rem 0;align-items:flex-start}.th-steps li span{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--court-teal);color:#fff;font-family:var(--th-font-head);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.th-steps strong{display:block;font-family:var(--th-font-head);font-size:1.1rem}.th-steps p{margin:.2rem 0 0;color:var(--bs-secondary-color)}.th-rounded-img{width:100%;height:100%;max-height:460px;object-fit:cover;border-radius:1.5rem;box-shadow:0 24px 50px rgba(10,77,68,.25)}.th-club-card{display:block;text-decoration:none;color:inherit;background:var(--bs-body-bg);border-radius:1.3rem;overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 22px rgba(16,58,50,.07);transition:transform .2s,box-shadow .2s}[data-bs-theme="dark"] .th-club-card{background:#15241e;border-color:rgba(255,255,255,.07)}.th-club-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(16,58,50,.16)}.th-club-cover{height:180px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.th-club-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 60%)}.th-club-logo{max-height:74px;max-width:70%;background:transparent;padding:0;position:relative;z-index:1;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}.th-club-courts{position:absolute;bottom:.8rem;left:.9rem;z-index:1;color:#fff;font-weight:600;font-size:.85rem;background:rgba(0,0,0,.45);padding:.3rem .7rem;border-radius:2rem;backdrop-filter:blur(4px)}.th-club-body{padding:1.3rem 1.4rem 1.5rem}.th-club-body h3{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.th-club-body p{color:var(--bs-secondary-color);margin-bottom:.8rem}.th-club-link{font-family:var(--th-font-head);font-weight:700;color:var(--court-teal)}[data-bs-theme="dark"] .th-club-link{color:var(--tennis-ball)}.th-club-card:hover .th-club-link i{transform:translateX(4px)}.th-club-link i{transition:transform .2s}.th-cta{padding:5rem 0;background:linear-gradient(120deg,rgba(7,38,33,.92),rgba(10,77,68,.82)),url("../img/court-clay.jpg") center/cover no-repeat}.card{border:1px solid rgba(0,0,0,.05);border-radius:1rem;box-shadow:0 6px 22px rgba(16,58,50,.07)}[data-bs-theme="dark"] .card{border-color:rgba(255,255,255,.07);background:#15241e}.card.text-bg-primary{background:linear-gradient(135deg,#12a394,#0b7b71)!important;border:none}.card.text-bg-success{background:linear-gradient(135deg,#2bb673,#1f8f6b)!important;border:none}.card.text-bg-warning{background:linear-gradient(135deg,#f0a83a,#e08a1e)!important;border:none;color:#1a1300!important}.card.text-bg-secondary{background:linear-gradient(135deg,#5a6b63,#3c4a44)!important;border:none}.card.text-bg-info{background:linear-gradient(135deg,#2aa9c4,#1d86a0)!important;border:none}.badge.text-bg-primary{background:linear-gradient(135deg,#12a394,#0b7b71)!important}.club-hero{background-size:cover;background-position:center;background-color:#0b6b5b;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:1.5rem;box-shadow:0 18px 50px rgba(10,77,68,.3)}.club-hero-logo{height:70px;background:transparent;padding:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.booking-wrap{border-radius:1rem;overflow:auto;max-height:78vh;box-shadow:0 6px 22px rgba(16,58,50,.08)}.booking-grid{margin:0;border-collapse:separate;border-spacing:4px;background:var(--bs-body-bg);table-layout:fixed;width:100%}.booking-grid thead th{background:var(--bs-body-bg);border:none;font-family:var(--th-font-head);font-weight:700;font-size:.85rem;padding:.5rem .3rem;word-break:break-word;position:sticky;top:0;z-index:3}.booking-grid th.time-col,.booking-grid col.time-col{width:52px;background:var(--bs-body-bg);border:none;font-family:var(--th-font-body);font-weight:600;font-size:.78rem;color:var(--bs-secondary-color);text-align:right;padding-right:.6rem;position:sticky;left:0;z-index:2}.booking-grid thead th.time-col{z-index:4}.booking-grid td.slot{cursor:default;height:40px;border:none;border-radius:.55rem;padding:2px;font-weight:600;transition:background .12s,transform .12s,box-shadow .12s}.slot-free{background:#dcefe2!important;color:#1f8f6b;cursor:pointer;border:1px solid #c2e2cf}.slot-free .bi{font-size:1.2rem;opacity:.9}.slot-free:hover{background:#2bb673!important;color:#fff;border-color:#2bb673;transform:translateY(-1px);box-shadow:0 4px 10px rgba(43,182,115,.35)}[data-bs-theme="dark"] .slot-free{background:rgba(43,182,115,.16)!important;color:#7fe0ab;border-color:rgba(43,182,115,.3)}[data-bs-theme="dark"] .slot-free:hover{background:#2bb673!important;color:#fff}.slot-taken{background:#e7675322!important;color:#c0432f;border:1px solid #efb8ad;font-size:.9rem}.slot-wait{cursor:pointer}.slot-wait:hover{filter:brightness(.97)}[data-bs-theme="dark"] .slot-taken{background:rgba(226,84,63,.18)!important;color:#f0a596;border-color:rgba(226,84,63,.3)}.slot-names{display:block;font-size:.75rem;line-height:1.15;font-weight:600;padding:2px 4px;white-space:normal;word-break:break-word}.slot-na{background:rgba(0,0,0,.045)!important;color:var(--bs-secondary-color);font-size:.8rem}[data-bs-theme="dark"] .slot-na{background:rgba(255,255,255,.04)!important}[data-bs-theme="dark"] .booking-grid{background:#15241e}.legend-box{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:middle;margin-right:3px}.legend-box.bg-success{background:#26b06e!important}.legend-box.bg-danger{background:#e2543f!important}.legend-gray{background:rgba(0,0,0,.1);border:1px solid var(--bs-border-color)}[data-bs-theme="dark"] .legend-gray{background:rgba(255,255,255,.1)}@media (max-width:575px){.th-hero{min-height:78vh}.th-section{padding:3.5rem 0}.booking-grid td.slot{width:48px;height:42px}.th-hero-sub{margin-left:auto;margin-right:auto}.th-hero-cta{justify-content:center}.th-hero-perks{justify-content:center;gap:.8rem 1.4rem}.th-hero-title br{display:none}.pwa-install-fab{bottom:16px}table.mobile-cards thead{display:none}table.mobile-cards,table.mobile-cards tbody,table.mobile-cards tr,table.mobile-cards td{display:block;width:100%}table.mobile-cards tr{border:1px solid var(--bs-border-color);border-radius:.6rem;margin-bottom:.6rem;padding:.25rem .25rem}table.mobile-cards td{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:right;border:0;padding:.35rem .6rem}table.mobile-cards td::before{content:attr(data-label);font-weight:600;color:var(--bs-secondary-color);text-align:left;font-family:var(--th-font-head)}table.mobile-cards td:empty{display:none}table.mobile-cards tfoot,table.mobile-cards tfoot tr{display:block;width:100%}table.mobile-cards tfoot td.mc-total-head{display:block;text-align:left;padding-bottom:0}}html{overflow-x:hidden}body{max-width:100%}.club-rules{white-space:pre-wrap;line-height:1.5}.footer-credit{color:var(--bs-secondary-color);opacity:.85;transition:opacity .15s ease}.footer-credit:hover{opacity:1}.footer-credit img{vertical-align:middle}.stat-card{transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(16,58,50,.22)}.stat-card,.stat-card *{color:inherit}.weather-hour{min-width:56px;padding:.35rem .25rem;border-radius:.5rem}.weather-hour:hover{background:rgba(0,0,0,.05)}[data-bs-theme="dark"] .weather-hour:hover{background:rgba(255,255,255,.06)}.weather-ico{font-size:1.3rem;line-height:1.1}.club-avatar{width:66px;height:66px;padding:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;letter-spacing:.5px;line-height:1;color:#fff;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.25);background:linear-gradient(135deg,hsl(calc(var(--ch,200) + 0) 72% 56%),hsl(calc(var(--ch,200) + 45) 70% 42%));border:2px solid rgba(255,255,255,.9);box-shadow:0 6px 16px rgba(0,0,0,.18)}.th-club-logo.club-avatar{max-width:66px}.club-ball{background:transparent!important;padding:0!important;width:70px;height:70px;object-fit:contain;box-shadow:none!important;border:0!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}#klubovi,#demo,#sportovi,#faq{scroll-margin-top:90px}.th-sport-chips{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.th-sport-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:2rem;font-weight:600;background:var(--bs-body-bg);border:1px solid rgba(0,0,0,.08);box-shadow:0 3px 12px rgba(16,58,50,.06)}[data-bs-theme="dark"] .th-sport-chip{background:#15241e;border-color:rgba(255,255,255,.08)}.th-sport-chip .sport-ico{width:22px;height:22px;color:var(--court-teal);flex:none}.th-sport-chip-more .sport-ico{color:inherit}.demo-ico{width:30px;height:30px}.th-sport-chip-more{color:var(--court-teal);border-style:dashed}[data-bs-theme="dark"] .th-sport-chip-more{color:var(--tennis-ball)}.map-consent{z-index:2;background:var(--bs-tertiary-bg)}@media (max-width:575px){table.mobile-cards td.text-nowrap{flex-wrap:wrap;justify-content:flex-end;white-space:normal;gap:.35rem .4rem}table.mobile-cards td.text-nowrap::before{display:none}table.mobile-cards td.text-nowrap .btn{white-space:nowrap}}@media (max-width:991.98px){#mainNav{text-align:center}#mainNav .navbar-nav{align-items:center;width:100%}#mainNav .nav-item{width:100%}#mainNav .dropdown-menu{text-align:center;width:100%}#mainNav .user-chip{justify-content:center}}.pwa-install-fab{position:fixed;right:16px;bottom:72px;z-index:1050;border-radius:30px;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:transform .25s ease,opacity .25s ease}.pwa-install-fab.pwa-fab-hidden{transform:translateY(160%);opacity:0;pointer-events:none}.pwa-ios-hint{position:fixed;inset:0;z-index:1060;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;padding:16px}.pwa-ios-card{background:var(--bs-body-bg);color:var(--bs-body-color);border:1px solid var(--bs-border-color);border-radius:16px;padding:16px 18px;width:100%;max-width:380px;box-shadow:0 12px 40px rgba(0,0,0,.45)}.pwa-ios-banner{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:1060;width:min(94vw,420px);background:var(--bs-body-bg);color:var(--bs-body-color);border:1px solid var(--bs-border-color);border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.pwa-ios-banner-body{display:flex;gap:10px;align-items:center;padding-right:18px}.pwa-ios-banner-close{position:absolute;top:4px;right:10px;border:0;background:transparent;font-size:1.4rem;line-height:1;color:var(--bs-secondary-color);cursor:pointer}.pwa-ios-banner-arrow{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);color:var(--green,#7bc043);font-size:1.8rem;line-height:1;animation:pwaArrowBounce 1.2s infinite}@keyframes pwaArrowBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}