/* Krásné Chaty Membership – frontend styly */

/* === Cenové karty (shortcode [kch_membership_plans]) === */
.kch-pricing-wrap {
    max-width: 1200px;
    margin: 0 auto;
}
.kch-pricing {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    justify-content: center;
    align-items: flex-start;
    margin: 10px 0 40px;
    padding-top: 40px; /* prostor pro ikony vytékající nad karty */
}
.kch-pc {
    position: relative;
    flex: 1 1 260px;
    max-width: 320px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: 40px 28px 28px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 26px rgba(15, 40, 80, .06);
    overflow: visible;
}
.kch-pc-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ffffff;
    color: #0050A0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -70px 0 18px; /* vytéká ven přes horní okraj karty */
    box-shadow: 0 8px 20px rgba(15, 40, 80, .12);
    border: 1px solid #eef1f5;
}
.kch-pc-name { font-size: 17px; font-weight: 700; color: #6b7280; margin-bottom: 6px; }
.kch-pc-price { margin-bottom: 22px; line-height: 1; }
.kch-pc-amt { font-size: 38px; font-weight: 800; color: #16181b; letter-spacing: -1px; }
.kch-pc-cur { font-size: 20px; font-weight: 800; color: #16181b; }
.kch-pc-per { font-size: 14px; font-weight: 600; color: #9aa3af; }
.kch-pc-btn {
    display: block;
    text-align: center;
    padding: 13px 18px;
    border-radius: 10px;
    border: 1.5px solid #0050A0;
    color: #0050A0 !important;
    font-weight: 700;
    text-decoration: none;
    transition: background .15s, color .15s;
    margin-bottom: 22px;
}
.kch-pc-btn:hover { background: #0050A0; color: #fff !important; }
.kch-pc-btn { margin-bottom: 16px; }
.kch-pc-desc { font-size: 13.5px; line-height: 1.6; color: #6b7280; margin: 0 0 18px; }
.kch-pc-features { list-style: none; margin: 0; padding: 18px 0 0; border-top: 1px solid #eef1f5; }
.kch-pc-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; color: #43474d; margin-bottom: 12px; }
.kch-pc-check { color: #1a9d52; font-weight: 700; }
.kch-pc-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    background: #FE385C;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    padding: 5px 11px;
    border-radius: 20px;
}

/* Preferovaný (zvýrazněný) plán – tmavá karta */
.kch-pc-preferred {
    background: linear-gradient(160deg, #0a3f7e 0%, #0050A0 60%, #073a73 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 18px 40px rgba(0, 80, 160, .28);
    transform: scale(1.05); /* jen mírně větší */
    z-index: 2;
}
.kch-pc-preferred .kch-pc-icon { background: #ffffff; color: #0050A0; border-color: transparent; }
.kch-pc-preferred .kch-pc-desc { color: #c6d6ec; }
.kch-pc-preferred .kch-pc-name { color: #cfe0f5; }
.kch-pc-preferred .kch-pc-amt,
.kch-pc-preferred .kch-pc-cur { color: #fff; }
.kch-pc-preferred .kch-pc-per { color: #b9cce6; }
.kch-pc-preferred .kch-pc-btn { background: #fff; border-color: #fff; color: #0050A0 !important; }
.kch-pc-preferred .kch-pc-btn:hover { background: #FE385C; border-color: #FE385C; color: #fff !important; }
.kch-pc-preferred .kch-pc-features { border-top-color: rgba(255,255,255,.2); }
.kch-pc-preferred .kch-pc-features li { color: #eaf1fb; }
.kch-pc-preferred .kch-pc-check { color: #6ee7a8; }

@media (max-width: 860px) {
    .kch-pc { max-width: 100%; flex-basis: 100%; }
    .kch-pc-preferred { transform: none; }
}

/* === Sekce zabezpečené platby === */
.kch-secure {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background: #fff;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    padding: 26px 20px;
    box-shadow: 0 8px 26px rgba(15, 40, 80, .05);
    width: 100%;
    margin: 0;
}
.kch-secure-item {
    flex: 1 1 240px;
    text-align: center;
    padding: 6px 22px;
    border-right: 1px solid #eef1f5;
}
.kch-secure-item:last-child { border-right: 0; }
.kch-secure-ic {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #eef2fb;
    color: #0050A0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
.kch-secure-ic--green { background: #e7f7ee; color: #1a9d52; }
.kch-secure-ic--blue { background: #e8f0fe; color: #1565d8; }
.kch-secure-item strong { display: block; font-size: 16px; color: #16181b; margin-bottom: 6px; }
.kch-secure-sub { font-size: 13.5px; color: #6b7280; line-height: 1.5; }
@media (max-width: 860px) {
    .kch-secure-item { flex-basis: 100%; border-right: 0; border-bottom: 1px solid #eef1f5; padding-bottom: 18px; }
    .kch-secure-item:last-child { border-bottom: 0; }
}

/* Zvýraznění topovaného (featured) inzerátu */
.kch-boosted {
    position: relative;
    box-shadow: 0 0 0 2px #f5a623, 0 8px 24px rgba(245, 166, 35, .25);
    border-radius: 6px;
}

.kch-boosted .label-featured {
    background: #f5a623 !important;
    color: #fff !important;
}

/* Levý sloupec „Balíček členství" na detailu plánu nahrazujeme přímo naší kartou
   z výpisu (viz Frontend::inject_plan_card) – styly karty řeší .kch-pc výše. */

/* Děkovná stránka po objednávce převodem */
.kch-thankyou {
    text-align: center;
    max-width: 520px;
    margin: 0 auto;
    padding: 14px 10px 24px;
}
.kch-thankyou .kch-ty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: #e7f7ee;
    color: #1a9d52;
    margin-bottom: 18px;
}
.kch-thankyou .kch-ty-title {
    font-size: 26px;
    font-weight: 800;
    color: #16181b;
    margin: 0 0 10px;
}
.kch-thankyou .kch-ty-intro {
    font-size: 15px;
    line-height: 1.7;
    color: #5b6573;
    margin: 0 0 18px;
}
.kch-thankyou .kch-ty-box { text-align: left; }
.kch-thankyou .kch-ty-note {
    font-size: 13px;
    color: #8a93a0;
    margin: 14px 0 0;
}

/* Platební pokyny / QR */
.kch-bank-instructions {
    margin-top: 16px;
    padding: 16px 18px;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    background: #fafafa;
    line-height: 1.6;
}

.kch-qr {
    margin-top: 12px;
}

.kch-qr img {
    max-width: 240px;
    height: auto;
    border: 1px solid #eee;
    background: #fff;
    padding: 8px;
}

/* Výběr platební metody */
.kch-payment-methods {
    margin: 12px 0;
}

.kch-payment-methods label {
    display: block;
    margin-bottom: 8px;
    cursor: pointer;
}