/* Club 216 — kart (tr/_club216.php), sabit buton + panel + hatırlatma (tr/_club216-popup.php) */

/* ---------- kart ---------- */
.club216 { --c-green:#4A5B48; --c-orange:#DB9043; --c-wine:#611F1E; --c-sand:#EFE9DE; --c-line:#D9CDB9; }
.club216 .club-card { background:var(--c-sand); border-radius:24px; overflow:hidden; box-shadow:0 20px 50px -25px rgba(74,91,72,.35); }
.club216 .club-visual { position:relative; height:100%; min-height:100%; }
.club216 .club-visual img { display:block; width:100%; height:100%; object-fit:cover; }
.club216 .club-body { padding:56px 64px; }
.club216 .club-eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:700; letter-spacing:.18em; color:var(--c-orange); text-transform:uppercase; }
.club216 .club-eyebrow:before { content:""; width:28px; height:2px; background:var(--c-orange); }
.club216 .club-title { margin-top:14px; margin-bottom:0; font-size:40px; line-height:1.1; font-weight:700; color:var(--c-green); }
.club216 .club-lead { margin-top:18px; font-size:17px; line-height:1.6; color:#3d3d3d; max-width:560px; }
.club216 .club-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.club216 .club-tag { display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border-radius:100px; background:#fff; border:1px solid var(--c-line); font-size:14px; font-weight:700; }
.club216 .club-tag svg { width:18px; height:18px; }
.club216 .club-tag.t1 { color:var(--c-orange); } .club216 .club-tag.t2 { color:var(--c-wine); } .club216 .club-tag.t3 { color:var(--c-green); }
.club216 .club-divider { height:1px; background:var(--c-line); margin:32px 0 28px; }

/* form */
.club216 .form-control,
.club216 .bootstrap-select > .dropdown-toggle { background:#fff; border:1px solid var(--c-line) !important; border-radius:12px; padding:14px 18px; font-size:15px; color:#222; box-shadow:none; height:auto; }
.club216 .bootstrap-select { width:100% !important; }
.club216 .bootstrap-select.form-control { padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
.club216 .bootstrap-select > .dropdown-toggle:after { color:var(--c-green); }
.club216 .bootstrap-select > .dropdown-toggle .filter-option-inner-inner { color:#6c757d; }
.club216 .bootstrap-select.dropdown-toggle-hasvalue > .dropdown-toggle .filter-option-inner-inner,
.club216 .bootstrap-select > .dropdown-toggle:not(.bs-placeholder) .filter-option-inner-inner { color:#222; }
.club216 .form-control:focus,
.club216 .bootstrap-select > .dropdown-toggle:focus,
.club216 .bootstrap-select.show > .dropdown-toggle { border-color:var(--c-green) !important; box-shadow:0 0 0 3px rgba(74,91,72,.12) !important; outline:0 !important; }
.club216 .form-control.is-invalid { border-color:var(--c-wine) !important; background-image:none; }
.club216 .form-control.is-invalid::placeholder { color:var(--c-wine); }
.club216 .bootstrap-select .dropdown-menu { border:1px solid var(--c-line); border-radius:12px; }
.club216 .bootstrap-select .dropdown-item.active, .club216 .bootstrap-select .dropdown-item:active { background:var(--c-green); }
.club216 .cmarkt { padding-left:30px; line-height:1.5; color:#444; }
.club216 .cmarkt a { color:var(--c-green); font-weight:700; }
.club216 .checkmark { top:2px; width:20px; height:20px; border-color:var(--c-green); border-radius:6px; }
.club216 .cmarkt:hover input ~ .checkmark { background:rgba(74,91,72,.25); }
.club216 .cmarkt input:checked ~ .checkmark { background:var(--c-green); }
.club216 .club-btn { width:100%; border:0; border-radius:100px; padding:16px 24px; background:var(--c-green); color:#fff; font-size:16px; font-weight:700; letter-spacing:.06em; transition:background .25s, transform .25s; }
.club216 .club-btn:hover { background:var(--c-wine); transform:translateY(-1px); }
.club216 .club-btn:disabled { opacity:.7; transform:none; }
.club216 #FormAError { color:var(--c-wine); font-weight:700; }

/* kompakt (ana sayfa): yüksekliği görsel değil içerik belirler */
.club216 .club-compact .club-body { padding:40px 48px; }
.club216 .club-compact .club-title { font-size:32px; margin-top:10px; }
.club216 .club-compact .club-lead { margin-top:10px; max-width:none; font-size:16px; }
.club216 .club-compact .club-tags { margin-top:16px; }
.club216 .club-compact .club-divider { margin:22px 0; }
.club216 .club-compact .club-btn { white-space:nowrap; }
@media (min-width: 992px) {
	.club216 .club-compact .club-visual { position:absolute; inset:0; }
	.club216 .club-compact .col-lg-4 { position:relative; }
}
@media (min-width: 1600px) {
	.club216 .club-compact .club-in { flex:0 0 25%; max-width:25%; }
}

@media (max-width: 1399.98px) { .club216 .club-body { padding:44px 44px; } .club216 .club-title { font-size:34px; } }
@media (max-width: 991.98px) {
	.club216 .club-card { border-radius:18px; }
	.club216 .club-visual img { height:auto; }
	.club216 .club-body { padding:28px 20px 32px; }
	.club216 .club-title { font-size:28px; }
	.club216 .club-lead { font-size:16px; }
}
.club216 #FormAError, .club216 #MFormAError { color:var(--c-wine); font-weight:700; }

/* ---------- sabit buton (sağ kenar) ---------- */
.club-tab { position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:1035; display:flex; align-items:center; gap:10px; writing-mode:vertical-rl; transform-origin:center; padding:22px 12px; border:0; border-radius:14px 0 0 14px; background:#4A5B48; color:#fff; font-size:14px; font-weight:700; letter-spacing:.14em; box-shadow:-6px 8px 24px -10px rgba(0,0,0,.45); cursor:pointer; transition:background .25s, padding .25s; }
.club-tab:hover { background:#611F1E; padding-right:16px; }
.club-tab .club-tab-dot { writing-mode:horizontal-tb; width:8px; height:8px; border-radius:50%; background:#DB9043; box-shadow:0 0 0 0 rgba(219,144,67,.7); animation:clubPulse 2s infinite; }
@keyframes clubPulse { 0% { box-shadow:0 0 0 0 rgba(219,144,67,.7); } 70% { box-shadow:0 0 0 8px rgba(219,144,67,0); } 100% { box-shadow:0 0 0 0 rgba(219,144,67,0); } }

/* mobil: alt bar */
.club-bar { position:fixed; left:0; right:0; bottom:0; z-index:1035; display:none; border:0; width:100%; padding:14px 16px; background:#4A5B48; color:#fff; font-size:15px; font-weight:700; letter-spacing:.08em; text-align:center; }
@media (max-width: 1199.98px) {
	.club-tab { display:none; }
	.club-bar { display:block; }
	body.has-club-bar { padding-bottom:52px; }
	body.has-club-bar .floit { bottom:76px; right:20px; }
}

/* ---------- panel ---------- */
.club-overlay { position:fixed; inset:0; z-index:1040; background:rgba(29,29,27,.45); opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s; }
.club-panel { position:fixed; top:0; bottom:0; right:0; z-index:1045; width:460px; max-width:100%; display:flex; flex-direction:column; background:#EFE9DE; box-shadow:-20px 0 50px -20px rgba(0,0,0,.35); transform:translateX(105%); transition:transform .45s cubic-bezier(.22,.8,.3,1); }
.club-panel.club-from-left { right:auto; left:0; transform:translateX(-105%); box-shadow:20px 0 50px -20px rgba(0,0,0,.35); }
body.club-open .club-overlay { opacity:1; visibility:visible; }
body.club-open .club-panel { transform:translateX(0); }
body.club-open { overflow:hidden; }
.club-panel-close { position:absolute; top:14px; right:14px; z-index:2; width:40px; height:40px; border:0; border-radius:50%; background:rgba(255,255,255,.9); color:#4A5B48; font-size:22px; line-height:40px; text-align:center; cursor:pointer; transition:background .2s, color .2s; }
.club-panel-close:hover { background:#611F1E; color:#fff; }
.club-panel-body { flex:1 1 auto; overflow-y:auto; padding:40px 30px 30px; display:flex; flex-direction:column; }
.club-panel-inner { margin:auto 0; }
.club-panel .club-title { font-size:26px; margin-top:8px; }
.club-panel .club-lead { font-size:15px; margin-top:10px; }
.club-panel .form-control, .club-panel .bootstrap-select > .dropdown-toggle { padding:12px 16px; }
.club-panel .cmarkt { font-size:13px; }
@media (max-width: 575.98px) {
	.club-panel { width:100%; }
	.club-panel-body { padding:32px 20px 26px; }
}

/* ---------- hatırlatma pop-up ---------- */
.club-remind { position:fixed; inset:0; z-index:1050; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(29,29,27,.55); opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s; }
.club-remind.is-open { opacity:1; visibility:visible; }
.club-remind-box { position:relative; width:440px; max-width:100%; overflow:hidden; border-radius:22px; background:#EFE9DE; text-align:center; box-shadow:0 30px 60px -20px rgba(0,0,0,.5); transform:translateY(16px) scale(.97); transition:transform .35s; }
.club-remind.is-open .club-remind-box { transform:none; }
.club-remind-img { display:block; width:100%; height:170px; object-fit:cover; }
.club-remind-body { padding:24px 28px 28px; }
.club-remind .club-title { font-size:24px; margin-top:0; }
.club-remind .club-lead { font-size:15px; margin:10px auto 0; }
.club-remind .club-btn { margin-top:22px; }
.club-remind-later { margin-top:12px; border:0; background:none; color:#4A5B48; font-size:14px; text-decoration:underline; cursor:pointer; }