
/* Bahçe Kutum Pasaport - Premium responsive UI */
.bkp-app-card,
.bkp-app-card *{box-sizing:border-box;}
.bkp-app-card{
  width:min(100%,1040px)!important;
  max-width:calc(100vw - 24px)!important;
  margin:18px auto 96px!important;
  padding:clamp(14px,3vw,28px)!important;
  border-radius:30px;
  background:linear-gradient(180deg,#fffaf0 0%,#fff6df 100%);
  box-shadow:0 22px 55px rgba(74,47,23,.13);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#5b3b22;
  overflow:hidden!important;
  isolation:isolate;
}
.bkp-hero-mini{
  text-align:center;
  padding:clamp(18px,4vw,34px);
  border-radius:26px;
  background:radial-gradient(circle at 50% 0%,#fff 0%,#eef8df 55%,#fff7e8 100%);
  border:1px solid rgba(93,140,74,.18);
}
.bkp-mascot{display:inline-flex;width:86px;height:86px;align-items:center;justify-content:center;background:#fff;border-radius:999px;font-size:46px;box-shadow:0 12px 30px rgba(0,0,0,.12);margin-bottom:12px}
.bkp-hero-mini h1{font-size:clamp(30px,8vw,56px);line-height:1.05;margin:8px 0;color:#2f6b2f;letter-spacing:-.04em}
.bkp-hero-mini p{font-size:clamp(15px,3.7vw,18px);margin:0 auto;max-width:640px;line-height:1.55}.bkp-form,.bkp-upload-form{display:grid;gap:14px;margin-top:22px}.bkp-form label{font-weight:900;color:#2f6b2f}.bkp-form input,.bkp-form select,.bkp-upload-form input,.bkp-upload-form textarea{display:block;width:100%!important;max-width:100%!important;min-width:0!important;border:2px solid #ddeed0;border-radius:18px;padding:15px 16px;font-size:16px;background:#fff;box-sizing:border-box;color:#5b3b22}.bkp-upload-form textarea{min-height:92px;resize:vertical}.bkp-upload-form input[type=file]{padding:12px;background:#fff;line-height:1.3;white-space:normal;overflow:hidden}.bkp-upload-form input[type=file]::file-selector-button{border:0;border-radius:999px;background:#eef8df;color:#2f6b2f;font-weight:900;padding:9px 13px;margin-right:10px}.bkp-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:999px;background:#f6c453;color:#513315;font-weight:950;font-size:17px;padding:15px 24px;box-shadow:0 9px 0 #d99d2b;cursor:pointer;max-width:100%;text-align:center}.bkp-alert{background:#fff;border:2px dashed #e89b45;border-radius:18px;padding:16px;font-weight:800}.bkp-success{background:#ddf2d0;border:2px solid #8fbe72;border-radius:18px;padding:16px;font-weight:900;color:#2f6b2f}.bkp-passport{position:relative;width:100%!important;max-width:100%!important;min-width:0!important;background:#fffdf7;border-radius:28px;padding:clamp(16px,4vw,28px);margin:20px 0;border:2px solid #ddeed0;overflow:hidden!important}.bkp-passport:before{content:"";position:absolute;inset:0;border-radius:28px;pointer-events:none;background:linear-gradient(90deg,rgba(246,196,83,.28),transparent 18%,transparent 82%,rgba(246,196,83,.28));opacity:.55}.bkp-passport h2{position:relative;margin:0 0 10px;color:#2f6b2f;font-size:clamp(30px,8vw,44px);line-height:1.05;letter-spacing:-.04em}.bkp-passport p{position:relative;line-height:1.55;overflow-wrap:anywhere}.bkp-badges{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0;width:100%;min-width:0}.bkp-badge{min-width:0;border-radius:20px;text-align:center;background:#f4f1eb;padding:14px 8px;filter:grayscale(1);opacity:.55;overflow:hidden}.bkp-badge.earned{filter:none;opacity:1;background:linear-gradient(180deg,#e8f6dc,#d6edc8);box-shadow:inset 0 0 0 2px rgba(47,107,47,.12)}.bkp-badge span{display:block;font-size:clamp(26px,7vw,36px);line-height:1}.bkp-badge small{display:block;margin-top:8px;font-weight:900;font-size:clamp(12px,2.6vw,14px);line-height:1.35;overflow-wrap:anywhere}.bkp-tasks{position:relative;display:grid;gap:16px;margin-top:20px;width:100%;min-width:0}.bkp-task{width:100%;min-width:0;border:2px solid #f0e3c6;border-radius:24px;background:#fffaf0;padding:clamp(16px,4vw,22px);overflow:hidden}.bkp-task.open{border-color:#f6c453;box-shadow:0 12px 28px rgba(246,196,83,.16)}.bkp-task.pending{border-color:#e89b45;background:#fff4e4}.bkp-task.completed{border-color:#7fb069;background:#f1faed}.bkp-task.locked{opacity:.72;filter:grayscale(.7)}.bkp-task h3{margin:0 0 8px;color:#2f6b2f;font-size:clamp(24px,6vw,32px);line-height:1.15;letter-spacing:-.035em}.bkp-task p{margin:0 0 14px;font-size:clamp(16px,4vw,19px)}.bkp-status{display:inline-flex;border-radius:999px;padding:9px 13px;font-weight:950;background:#fff;max-width:100%;white-space:normal}.bkp-status.done{color:#2f6b2f}.bkp-status.wait{color:#9b5d10}.bkp-status.lock{color:#6b4a2b}.bkp-passport.bkp-focus{outline:4px solid #F6C453; box-shadow:0 18px 45px rgba(246,196,83,.35)}
@media(max-width:900px){.bkp-badges{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:560px){
  .bkp-app-card{max-width:calc(100vw - 18px)!important;margin:10px auto 92px!important;padding:12px!important;border-radius:24px;box-shadow:0 14px 34px rgba(74,47,23,.12)}
  .bkp-hero-mini{padding:18px 14px;border-radius:22px}.bkp-mascot{width:68px;height:68px;font-size:38px}.bkp-passport{padding:18px 14px;border-radius:24px;margin:14px 0}.bkp-passport:before{display:none}.bkp-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bkp-badge{border-radius:18px;padding:13px 8px}.bkp-task{border-radius:22px;padding:16px 14px}.bkp-button{width:100%;padding:15px 18px}.bkp-upload-form input[type=file]{font-size:14px}.bkp-upload-form input[type=file]::file-selector-button{display:block;margin:0 0 8px 0;width:100%;}
}
@media(max-width:360px){.bkp-badges{grid-template-columns:1fr}.bkp-app-card{max-width:calc(100vw - 12px)!important;padding:10px!important}}

/* v0.7 full width + mobile repair */
.bkp-fullbleed{
  width:min(1180px, calc(100vw - 24px)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
.entry-content .bkp-fullbleed,
.wp-site-blocks .bkp-fullbleed,
.woocommerce .bkp-fullbleed{
  max-width:none !important;
}
.bkp-fullbleed *{box-sizing:border-box;}
.bkp-app-card{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto 96px !important;
  padding:clamp(18px,3vw,42px) !important;
  overflow:hidden !important;
  border-radius:30px !important;
}
.bkp-passport{width:100%;max-width:100%;overflow:hidden;}
.bkp-badges{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:14px !important;
}
.bkp-badge{min-width:0 !important;width:auto !important;aspect-ratio:auto !important;padding:18px 10px !important;}
.bkp-tasks{display:grid;grid-template-columns:1fr;gap:18px;width:100%;}
.bkp-task{width:100%;max-width:100%;overflow:hidden;}
.bkp-upload-form input[type=file],
.bkp-upload-form textarea,
.bkp-form input{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
}
.bkp-certificate-box{
  margin-top:22px;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(135deg,#fff7df,#e7f4d9);
  border:2px solid rgba(246,196,83,.65);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  box-shadow:0 18px 40px rgba(54,86,49,.12);
}
.bkp-certificate-box p{margin:6px 0 0;color:#6b4a2b;}
.bkp-club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;}
.bkp-club-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 16px 36px rgba(54,86,49,.12);border:1px solid rgba(93,140,74,.16);}
.bkp-club-card img{width:100%;height:220px;object-fit:cover;display:block;}
.bkp-club-card div{padding:14px 16px;display:flex;flex-direction:column;gap:4px;}
.bkp-club-card span{font-size:14px;color:#6b4a2b;}
@media (max-width: 782px){
  html,body{overflow-x:hidden !important;}
  .bkp-fullbleed{width:100% !important;max-width:100% !important;padding:0 12px !important;margin:0 auto !important;}
  .bkp-app-card{border-radius:24px !important;padding:18px 14px 110px !important;margin:0 auto !important;}
  .bkp-hero-mini h1{font-size:28px !important;line-height:1.1 !important;}
  .bkp-passport{padding:0 !important;border-radius:22px !important;}
  .bkp-passport h2{font-size:26px !important;}
  .bkp-passport p{font-size:15px !important;line-height:1.6 !important;}
  .bkp-badges{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  .bkp-badge{padding:16px 8px !important;border-radius:18px !important;}
  .bkp-badge span{font-size:28px !important;}
  .bkp-badge small{font-size:13px !important;line-height:1.25 !important;word-break:normal !important;}
  .bkp-task{padding:18px 14px !important;border-radius:22px !important;}
  .bkp-task h3{font-size:22px !important;line-height:1.2 !important;}
  .bkp-upload-form{gap:12px !important;}
  .bkp-upload-form input[type=file]{font-size:14px !important;padding:14px 10px !important;}
  .bkp-upload-form textarea{min-height:96px !important;font-size:16px !important;}
  .bkp-button{width:100%;text-align:center;justify-content:center;}
  .bkp-certificate-box{flex-direction:column;align-items:stretch;padding:18px;}
  .bkp-club-grid{grid-template-columns:1fr;gap:14px;}
  .bkp-club-card img{height:240px;}
}
@media (min-width:783px) and (max-width:1024px){
  .bkp-badges{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .bkp-club-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
