/* ClubKlar UI – light, calm and accessible */
:root{
  --bg:#f4f7fb!important;
  --bg-soft:#edf3f8!important;
  --panel:#ffffff!important;
  --panel-2:#f8fbfd!important;
  --line:#d9e3ec!important;
  --text:#183047!important;
  --muted:#667b8e!important;
  --accent:#2f6389!important;
  --accent-strong:#173f5f!important;
  --accent-soft:#eaf3f9!important;
  --success:#218765!important;
  --warning:#a96f18!important;
  --danger:#b74b4b!important;
  --shadow:0 18px 50px rgba(28,55,79,.09)!important;
  --radius-xl:24px!important;
  --radius-lg:18px!important;
  --radius-md:13px!important;
  --max:1240px!important;
}
html{background:#f4f7fb!important;color-scheme:light!important}
body{background:linear-gradient(180deg,#f9fbfd 0%,#f4f7fb 44%,#edf3f8 100%)!important;color:#183047!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
body::before,body::after{display:none!important}
a{color:#245b83}
a:hover{color:#173f5f}
.container{width:min(1240px,calc(100% - 40px))!important}
.site-shell{min-height:calc(100vh - 80px)!important}

/* Buttons and form controls */
.btn{border-radius:12px!important;padding:12px 18px!important;font-weight:750!important;letter-spacing:.005em!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
.btn:hover{transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(36,91,131,.13)!important}
.btn-primary{background:linear-gradient(135deg,#2f6389,#173f5f)!important;color:#fff!important;border:1px solid transparent!important}
.btn-soft,.btn-dark,.btn-ghost{background:#fff!important;color:#24445e!important;border:1px solid #d6e1ea!important}
.btn-soft:hover,.btn-dark:hover,.btn-ghost:hover{background:#f3f8fb!important;border-color:#aac3d6!important;color:#173f5f!important}
label{color:#36546d!important;font-weight:700!important}
input,textarea,select{
  background:#fff!important;color:#1b3449!important;border:1px solid #cedae4!important;border-radius:12px!important;
  padding:13px 14px!important;box-shadow:0 1px 2px rgba(28,55,79,.02)!important
}
input::placeholder,textarea::placeholder{color:#8fa0ae!important}
input:focus,textarea:focus,select:focus{border-color:#6d9aba!important;box-shadow:0 0 0 4px rgba(47,99,137,.11)!important;outline:none!important}
textarea{min-height:128px!important}
.checkline{display:flex!important;gap:10px!important;align-items:flex-start!important;color:#526b7d!important;font-weight:600!important;line-height:1.5!important}
.checkline input{width:18px!important;height:18px!important;min-width:18px!important;margin-top:2px!important;padding:0!important}
.phone-input-group{display:grid!important;grid-template-columns:110px 1fr!important;gap:8px!important}
.notice{background:#eef6fb!important;border:1px solid #cfe1ed!important;color:#264760!important;border-radius:14px!important}
.notice.success{background:#edf8f3!important;border-color:#cbe8da!important;color:#236a50!important}
.notice.error{background:#fff2f2!important;border-color:#efd0d0!important;color:#8b3e3e!important}

/* Public header */
.ck-site-header,.topbar{position:sticky!important;top:0!important;z-index:50!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid #dce5ec!important;box-shadow:0 8px 28px rgba(36,65,88,.05)!important}
.topbar-inner{min-height:78px!important;padding:10px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.ck-public-brand,.brand{display:flex!important;align-items:center!important;gap:12px!important;color:#183047!important}
.ck-public-brand .brand-logo,.ck-site-header .brand-logo{width:54px!important;height:54px!important;border:0!important;border-radius:14px!important;object-fit:contain!important;box-shadow:none!important;background:transparent!important}
.ck-public-brand__copy{display:grid!important;gap:1px!important;line-height:1.15!important}.ck-public-brand__copy strong{font-size:16px!important;color:#173f5f!important}.ck-public-brand__copy small{font-size:12px!important;color:#718495!important}
.main-nav{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
.main-nav a{padding:10px 12px!important;border-radius:10px!important;background:transparent!important;border:1px solid transparent!important;color:#536b7e!important;font-size:14px!important;font-weight:700!important}
.main-nav a:hover,.main-nav a[aria-current="page"]{background:#edf5fa!important;color:#1f567d!important;border-color:#d6e6f1!important}
.mobile-nav-toggle{display:none;background:#fff;border:1px solid #d7e2ea;border-radius:10px;padding:9px;width:42px;height:42px}
.mobile-nav-toggle span{display:block;height:2px;background:#36546d;margin:5px 2px;border-radius:2px}

/* Public content */
.ck-home-hero{padding:54px 0 24px!important;background:radial-gradient(circle at 80% 10%,rgba(96,158,199,.13),transparent 34%),linear-gradient(180deg,#fbfdff 0%,#f5f9fc 100%)!important}
.ck-home-hero__grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:44px!important;align-items:center!important}
.ck-home-hero__copy{padding:24px 0!important}.ck-eyebrow,.badge,.ck-mini-badge{display:inline-flex!important;align-items:center!important;width:auto!important;padding:7px 10px!important;border-radius:999px!important;background:#eaf3f9!important;border:1px solid #d3e5f0!important;color:#2c5f82!important;font-size:12px!important;font-weight:800!important;letter-spacing:.025em!important}
.ck-home-hero h1,.ck-page-hero h1{margin:14px 0 16px!important;color:#173b58!important;font-size:clamp(36px,5.3vw,68px)!important;line-height:1.04!important;letter-spacing:-.035em!important;font-weight:820!important}
.ck-home-hero__lead,.ck-page-hero p{max-width:760px!important;color:#607789!important;font-size:clamp(17px,2vw,20px)!important;line-height:1.7!important;margin:0!important}
.ck-home-hero__actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:25px!important}
.ck-home-hero__trust{display:flex!important;gap:10px 18px!important;flex-wrap:wrap!important;margin-top:26px!important;color:#6b7f8f!important;font-size:13px!important;font-weight:650!important}.ck-home-hero__trust span::before{content:"✓";margin-right:7px;color:#2f7d65;font-weight:900}
.ck-home-hero__visual{min-height:410px!important;border-radius:28px!important;overflow:hidden!important;background:#e9f1f6!important;border:1px solid #d7e4ed!important;box-shadow:0 24px 60px rgba(45,77,101,.12)!important}.ck-home-hero__visual>img{width:100%!important;height:100%!important;min-height:410px!important;object-fit:cover!important}.ck-home-hero__visual.is-placeholder{display:grid!important;place-items:center!important;background:linear-gradient(145deg,#eef5fa,#ffffff)!important}.ck-home-logo-panel{width:100%;height:100%;min-height:410px;display:grid;place-items:center;padding:54px}.ck-home-logo-panel img{width:min(560px,100%)!important;max-height:220px!important;object-fit:contain!important}
.section{padding:22px 0 34px!important}.section-card,.admin-card,.message-card,.member-card,.settings-card,.gallery-card{background:#fff!important;border:1px solid #dbe5ec!important;box-shadow:0 13px 34px rgba(34,64,88,.065)!important;border-radius:20px!important}.section-card{padding:clamp(22px,3.5vw,38px)!important}
.ck-richtext{font-size:16px!important;line-height:1.75!important;color:#425d72!important}.ck-richtext h1,.ck-richtext h2,.ck-richtext h3{color:#1d425f!important;letter-spacing:-.018em!important}.ck-richtext h2{font-size:clamp(25px,3vw,34px)!important;margin-top:0!important}.ck-richtext p:first-child{margin-top:0}.ck-richtext p:last-child{margin-bottom:0}.ck-richtext a:not(.btn){font-weight:700;text-decoration:underline;text-decoration-color:#b8cede;text-underline-offset:3px}
.ck-page-hero{padding:42px 0 14px!important;background:linear-gradient(180deg,#f9fcfe,#f4f8fb)!important}.ck-page-hero__card{padding:34px 36px!important;border:1px solid #dce6ed!important;border-radius:22px!important;background:#fff!important;box-shadow:0 15px 40px rgba(34,64,88,.06)!important}.ck-page-hero h1{font-size:clamp(32px,4.4vw,54px)!important;margin-bottom:12px!important}
.ck-page-content{padding-top:14px!important}.ck-content-spacing{margin-top:22px!important}.ck-card-grid{display:grid!important;gap:18px!important}.ck-card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ck-content-card{overflow:hidden!important;background:#fff!important;border:1px solid #dbe5ec!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(34,64,88,.06)!important;min-width:0!important}.ck-content-card.is-highlighted{box-shadow:0 0 0 3px rgba(47,99,137,.14),0 16px 38px rgba(34,64,88,.1)!important}.ck-content-card__image{display:block!important;aspect-ratio:16/9!important;background:#edf3f7!important;overflow:hidden!important}.ck-content-card__image img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .35s ease!important}.ck-content-card:hover .ck-content-card__image img{transform:scale(1.025)!important}.ck-content-card__body{padding:20px!important}.ck-content-card h2{font-size:21px!important;color:#1c405c!important;margin:10px 0 8px!important}.ck-content-card p{color:#657a8b!important;line-height:1.65!important;margin:0 0 14px!important}.ck-card-meta{display:flex!important;gap:7px!important;flex-wrap:wrap!important}.ck-muted{color:#7a8c99!important}.ck-text-link{display:inline-flex!important;align-items:center!important;gap:7px!important;font-weight:800!important;color:#2e6388!important}.ck-empty-state{display:flex!important;flex-direction:column!important;gap:5px!important;padding:28px!important;border:1px dashed #cbdbe6!important;border-radius:18px!important;background:#f8fbfd!important;color:#708392!important}.ck-empty-state strong{color:#36546d!important}
.ck-two-column{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:20px!important;align-items:start!important}.ck-form{margin-top:14px!important}.form-grid{gap:14px!important}.help{color:#7b8d9a!important}.ck-gallery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.ck-gallery-item{margin:0!important;border:1px solid #dbe5ec!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important}.ck-gallery-item img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important}.ck-gallery-item figcaption{padding:10px 12px!important;color:#5e7486!important;font-size:13px!important}.ck-pagination{display:flex!important;justify-content:center!important;gap:7px!important;margin-top:22px!important}.ck-pagination a{display:grid!important;place-items:center!important;min-width:38px!important;height:38px!important;border-radius:10px!important;background:#fff!important;border:1px solid #d6e2ea!important;color:#526a7d!important;font-weight:750!important}.ck-pagination a[aria-current="page"]{background:#2f6389!important;color:#fff!important;border-color:#2f6389!important}
.ck-home-gallery__grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}.ck-home-gallery__item{border-radius:14px!important;overflow:hidden!important;aspect-ratio:1/1!important;border:1px solid #d9e4ec!important;background:#fff!important}.ck-home-gallery__item img{width:100%!important;height:100%!important;object-fit:cover!important}.ck-home-data-block{padding-top:8px!important}

/* Footer */
.footer,.ck-site-footer{margin-top:34px!important;padding:30px 0!important;background:#eef4f8!important;border-top:1px solid #d8e4ec!important;color:#526a7d!important}.ck-footer-grid{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(280px,1.3fr) auto!important;gap:24px!important;align-items:center!important}.ck-footer-brand{display:flex!important;align-items:center!important;gap:11px!important}.ck-footer-brand img{border-radius:11px!important}.ck-footer-brand div{display:grid!important}.ck-footer-brand strong{color:#244762!important}.ck-footer-brand span{font-size:12px!important;color:#7a8d9c!important}.ck-footer-nav{display:flex!important;gap:8px 14px!important;flex-wrap:wrap!important;justify-content:center!important}.ck-footer-nav a{font-size:13px!important;font-weight:700!important;color:#587082!important}.ck-powered-by{display:grid!important;justify-items:end!important;font-size:12px!important;line-height:1.25!important;color:#82929d!important}.ck-powered-by a{font-size:15px!important;color:#1e4f74!important;font-weight:850!important}.ck-powered-by small{font-size:10px!important;color:#97a5af!important}

/* Cookie dialog */
.ck-cookie-backdrop{position:fixed!important;inset:0!important;z-index:990!important;background:rgba(26,49,67,.28)!important;backdrop-filter:blur(2px)!important}.ck-cookie-banner{position:fixed!important;z-index:991!important;left:50%!important;bottom:22px!important;transform:translateX(-50%)!important;width:min(620px,calc(100% - 32px))!important;background:#fff!important;border:1px solid #d5e1e9!important;border-radius:20px!important;box-shadow:0 30px 80px rgba(27,56,78,.22)!important;padding:24px!important;color:#486175!important}.ck-cookie-banner h2{margin:10px 0 8px!important;color:#21445e!important}.ck-cookie-banner p{line-height:1.6!important}.ck-cookie-close{position:absolute!important;right:14px!important;top:13px!important;width:34px!important;height:34px!important;border-radius:9px!important;border:1px solid #d9e3ea!important;background:#f7fafc!important;color:#5c7080!important;font-size:22px!important}.ck-cookie-actions{display:flex!important;gap:8px!important;margin:16px 0 10px!important;flex-wrap:wrap!important}

/* Admin shell */
body.admin-page,body.admin-login-page{background:#eef3f7!important;color:#183047!important}
.admin-shell{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:18px!important;width:min(1500px,calc(100% - 30px))!important;margin:15px auto!important;align-items:start!important}
.admin-side{position:sticky!important;top:15px!important;max-height:calc(100vh - 30px)!important;overflow:auto!important;padding:16px!important;background:#fff!important;border:1px solid #d9e3ea!important;border-radius:20px!important;box-shadow:0 14px 38px rgba(34,64,88,.07)!important}.admin-side .brand{padding:5px 4px 14px!important;border-bottom:1px solid #e3eaf0!important}.admin-side .brand-logo{width:46px!important;height:46px!important;border:0!important;border-radius:12px!important;box-shadow:none!important;object-fit:contain!important}.admin-side .brand-title{color:#153d5c!important;font-weight:850!important;font-size:17px!important}.admin-side .brand-sub{color:#81909d!important;font-size:11px!important;margin-top:2px!important}
.admin-menu{display:grid!important;gap:3px!important;margin-top:12px!important}.admin-menu-section{display:grid!important;gap:3px!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;border:0!important}.admin-menu-section-title{padding:6px 10px 3px!important;color:#91a0ab!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-weight:850!important}.admin-menu-link,.admin-menu a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:10px 11px!important;border-radius:10px!important;background:transparent!important;border:1px solid transparent!important;color:#536c7e!important;font-size:13px!important;font-weight:700!important}.admin-menu-link:hover,.admin-menu-link.active,.admin-menu a:hover,.admin-menu a.active{background:#edf5fa!important;border-color:#d8e7f1!important;color:#215b84!important}.admin-nav-count{display:grid!important;place-items:center!important;min-width:22px!important;height:22px!important;border-radius:8px!important;background:#2f6389!important;color:#fff!important;font-size:11px!important}
.admin-main{min-width:0!important;padding:22px!important;background:#f7fafc!important;border:1px solid #d9e3ea!important;border-radius:20px!important;box-shadow:0 14px 38px rgba(34,64,88,.06)!important}.admin-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:20px!important;padding-bottom:18px!important;border-bottom:1px solid #e0e8ee!important}.admin-title{margin:0!important;color:#1b405c!important;font-size:clamp(26px,3vw,34px)!important;letter-spacing:-.025em!important}.admin-subtitle{margin:5px 0 0!important;color:#788b99!important}.admin-welcome-card{padding:10px 12px!important;border-radius:12px!important;background:#fff!important;border:1px solid #dbe5ec!important;box-shadow:none!important}.admin-welcome-kicker{color:#8a99a4!important}.admin-welcome-name{color:#254b67!important}.admin-top-profile-link{color:#2e6489!important;font-weight:700!important}
.admin-card,.settings-card,.member-card,.message-card,.kpi,.doc-item,.inbox-panel,.login-card{background:#fff!important;border:1px solid #dbe5ec!important;color:#304e65!important;box-shadow:0 9px 24px rgba(36,64,84,.045)!important}
.kpi-grid{gap:12px!important}.kpi{border-radius:14px!important;padding:16px!important}.kpi strong{color:#6f8392!important}.kpi span{color:#1b4666!important}
.table-wrap{border:1px solid #dbe4eb!important;border-radius:14px!important;background:#fff!important}.table,table{background:#fff!important;color:#345268!important}.table th,table th{background:#f2f7fa!important;color:#546d7f!important;border-color:#dde6ec!important}.table td,table td{background:#fff!important;color:#365268!important;border-color:#e4ebf0!important}.table tr:hover td,table tbody tr:hover td{background:#f8fbfd!important}
.tabs,.admin-tabs{gap:6px!important}.tab-chip,.admin-tab{background:#fff!important;border:1px solid #d8e2ea!important;color:#607687!important}.tab-chip.active,.admin-tab.active{background:#eaf3f9!important;border-color:#c8dfed!important;color:#245c83!important}

/* Messages / email area */
.inbox-layout{gap:12px!important}.inbox-panel{border-radius:14px!important;overflow:hidden!important}.inbox-head{background:#f5f9fb!important;color:#36546a!important;border-bottom:1px solid #dfe7ed!important}.inbox-list{background:#fff!important}.inbox-item{background:#fff!important;border-bottom:1px solid #edf1f4!important;color:#365268!important}.inbox-item:hover,.inbox-item.active{background:#edf5fa!important}.inbox-item small{color:#8796a1!important}.chat-wrap{background:#fff!important}.chat-messages{background:linear-gradient(180deg,#fbfdfe,#f5f9fb)!important}.bubble{color:#304e64!important;box-shadow:none!important}.bubble.user{background:#fff!important;border:1px solid #dce6ed!important}.bubble.admin{background:#e8f2f8!important;border:1px solid #cfe1ec!important}.bubble.note{background:#fff8e9!important;border:1px solid #eedfb8!important;color:#6f6036!important}.chat-meta{color:#82929e!important}.chat-form{background:#fff!important;border-top:1px solid #dfe7ed!important}

/* Common admin controls and dialogs */
.modal,.confirm-modal,.flyer-modal,.gallery-lightbox,.offer-schedule-modal{color:#28485f!important}.confirm-dialog,.modal-dialog,.gallery-lightbox__dialog,.offer-schedule-modal-dialog{background:#fff!important;border:1px solid #dbe5ec!important;color:#36536a!important;box-shadow:0 28px 80px rgba(24,48,71,.2)!important}.toast{background:#fff!important;border:1px solid #d8e3eb!important;color:#28485f!important;box-shadow:0 16px 36px rgba(31,59,80,.16)!important}
.admin-footer-copy{margin-top:26px!important;padding:18px 4px 4px!important;border-top:1px solid #e1e8ee!important;color:#8a9aa6!important;font-size:12px!important}.admin-footer-brand{color:#3d5b70!important;font-weight:800!important}

/* Login */
.login-wrap{min-height:100vh!important;padding:30px!important;background:radial-gradient(circle at 20% 15%,rgba(96,158,199,.13),transparent 35%),#eef3f7!important}.login-card{width:min(470px,100%)!important;padding:34px!important;border-radius:22px!important}.login-card .brand{margin-bottom:24px!important;padding-bottom:18px!important;border-bottom:1px solid #e2e9ee!important}.login-card .brand-logo{width:56px!important;height:56px!important;border:0!important;border-radius:14px!important;box-shadow:none!important}.login-card .brand-title{color:#173f5f!important;font-size:19px!important;font-weight:850!important}.login-card .brand-sub{color:#81909c!important}

@media (max-width:1100px){
  .ck-card-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ck-home-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ck-footer-grid{grid-template-columns:1fr 1fr!important}.ck-powered-by{grid-column:1/-1!important;justify-items:start!important}
  .admin-shell{grid-template-columns:228px minmax(0,1fr)!important}
}
@media (max-width:900px){
  .container{width:min(100% - 28px,1240px)!important}.mobile-nav-toggle{display:block!important}.main-nav{position:absolute!important;left:14px!important;right:14px!important;top:calc(100% + 8px)!important;display:none!important;padding:10px!important;background:#fff!important;border:1px solid #d9e3ea!important;border-radius:14px!important;box-shadow:0 18px 48px rgba(31,59,80,.14)!important}.main-nav.open{display:grid!important}.main-nav a{display:block!important}
  .ck-home-hero{padding-top:28px!important}.ck-home-hero__grid{grid-template-columns:1fr!important;gap:22px!important}.ck-home-hero__visual,.ck-home-hero__visual>img,.ck-home-logo-panel{min-height:300px!important}.ck-two-column{grid-template-columns:1fr!important}.ck-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-shell{display:block!important;width:min(100% - 20px,1500px)!important;margin:10px auto!important}.admin-side{position:relative!important;top:auto!important;max-height:none!important;margin-bottom:10px!important}.admin-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-menu-section{margin-bottom:5px!important}.admin-main{padding:16px!important}.admin-top{align-items:flex-start!important}.admin-welcome-card{width:100%!important}
}
@media (max-width:640px){
  .ck-public-brand__copy small{display:none!important}.ck-home-hero h1,.ck-page-hero h1{font-size:clamp(31px,11vw,46px)!important}.ck-home-hero__trust{display:grid!important}.ck-page-hero__card{padding:25px 22px!important}.section-card{padding:22px!important}.ck-card-grid--three,.ck-gallery-grid{grid-template-columns:1fr!important}.ck-home-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ck-footer-grid{grid-template-columns:1fr!important}.ck-footer-nav{justify-content:flex-start!important}.ck-powered-by{grid-column:auto!important}.phone-input-group{grid-template-columns:96px 1fr!important}.form-grid{grid-template-columns:1fr!important}.form-row{grid-column:1!important}
  .admin-menu{grid-template-columns:1fr!important}.admin-top{display:grid!important}.admin-main{padding:13px!important;border-radius:16px!important}.table-wrap{margin-inline:-3px!important}
  .ck-cookie-banner{bottom:10px!important;padding:20px!important}.ck-cookie-actions{display:grid!important}.ck-cookie-actions .btn{width:100%!important}
}

.ck-legal-copy h2{margin-top:28px!important}.ck-legal-copy h2:first-child{margin-top:0!important}.ck-legal-copy a{overflow-wrap:anywhere}.settings-brand-card input[type=file]{padding:10px!important}