.woocommerce-account .okr27-account,
.woocommerce-account .okr27-orders-summary,
.woocommerce-account .okr27-qr-summary {
  --okr27-navy: #163b5c;
  --okr27-blue: #2b73b9;
  --okr27-red: #f0192d;
  --okr27-line: #d9e5ed;
  --okr27-soft: #f5f9fc;
  color: #20364a;
}

.okr27-hero { margin-bottom: 26px; }
.okr27-hero h2 { margin: 5px 0 8px; color: var(--okr27-navy); font-size: clamp(32px, 4vw, 52px); line-height: 1.08; }
.okr27-hero p { margin: 0; color: #607890; font-size: 17px; }
.okr27-eyebrow { display: block; color: #52718d; font-size: 12px; font-weight: 800; letter-spacing: .18em; }

.okr27-pilot { display: flex; flex-direction: column; gap: 3px; margin: 0 0 18px; padding: 14px 18px; border: 1px solid #9cc5e9; border-radius: 12px; background: #eff7ff; }
.okr27-pilot span { color: #597188; font-size: 14px; }

.okr27-pass { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 20px; padding: 26px 28px; border-radius: 18px; background: linear-gradient(135deg,#172f46,#234d70); color: #fff; box-shadow: 0 14px 35px rgba(20,55,83,.15); }
.okr27-pass .okr27-eyebrow { color: #f6b0b8; }
.okr27-pass h3 { margin: 7px 0 5px; color: #fff; font-size: 26px; }
.okr27-pass p { margin: 0; color: #dbe8f2; }
.okr27-pass-state { min-width: 110px; text-align: center; }
.okr27-pass-state strong { display: block; color: #fff; font-size: 52px; line-height: 1; }
.okr27-pass-state span { display: block; margin-top: 6px; color: #dbe8f2; font-size: 13px; }

.okr27-declaration { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; padding: 18px 20px; border-radius: 14px; }
.okr27-declaration strong,
.okr27-declaration span { display: block; }
.okr27-declaration span { margin-top: 3px; font-size: 14px; }
.okr27-declaration-ok { border: 1px solid #86c8a7; background: #eefaf3; color: #1b6742; }
.okr27-declaration-warn { border: 1px solid #e8c96c; background: #fff9e8; color: #795500; }
.okr27-declaration .button,
.okr27-orders-summary .button,
.okr27-qr-summary .button { display: inline-flex!important; align-items: center; justify-content: center; min-height: 44px; padding: 11px 18px!important; border: 1px solid var(--okr27-red)!important; border-radius: 8px!important; background: var(--okr27-red)!important; color: #fff!important; font-weight: 750!important; text-decoration: none!important; text-transform: none!important; }

.okr27-events { display: grid; gap: 18px; }
.okr27-event { overflow: hidden; border: 1px solid var(--okr27-line); border-top: 4px solid var(--okr27-red); border-radius: 16px; background: #fff; box-shadow: 0 9px 28px rgba(21,57,86,.07); }
.okr27-event header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 22px 24px; border-bottom: 1px solid var(--okr27-line); background: linear-gradient(180deg,#fff,#f9fbfd); }
.okr27-event h3 { margin: 4px 0; color: var(--okr27-navy); font-size: 24px; }
.okr27-event p { margin: 0; color: #607890; font-weight: 650; }
.okr27-event-type { color: #687f93; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.okr27-badge { display: inline-flex; flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; background: #eef2f5; font-size: 13px; font-weight: 800; }
.okr27-badge-paid { background: #e6f7ee; color: #137448; }
.okr27-event dl { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 0; padding: 18px 24px 22px; }
.okr27-event dl>div { min-width: 0; padding: 0 16px; border-left: 1px solid var(--okr27-line); }
.okr27-event dl>div:first-child { padding-left: 0; border-left: 0; }
.okr27-event dt { color: #71879a; font-size: 12px; }
.okr27-event dd { margin: 5px 0 0; color: #20364a; font-size: 14px; font-weight: 750; overflow-wrap: anywhere; }

.okr27-orders-summary,
.okr27-qr-summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin: 0 0 26px; padding: 22px 24px; border: 1px solid var(--okr27-line); border-top: 4px solid var(--okr27-red); border-radius: 16px; background: var(--okr27-soft); }
.okr27-orders-summary h2,
.okr27-qr-summary h2 { margin: 5px 0; color: var(--okr27-navy); font-size: 24px; }
.okr27-orders-summary p,
.okr27-qr-summary p { margin: 0; color: #607890; }
.okr27-empty { padding: 28px; border: 1px solid var(--okr27-line); border-radius: 16px; background: var(--okr27-soft); }

@media (max-width: 900px) {
  .okr27-event dl { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 0; }
  .okr27-event dl>div:nth-child(odd) { padding-left: 0; border-left: 0; }
}

@media (max-width: 640px) {
  .okr27-pass,
  .okr27-declaration,
  .okr27-orders-summary,
  .okr27-qr-summary { align-items: stretch; flex-direction: column; }
  .okr27-pass-state { display: flex; align-items: baseline; gap: 9px; text-align: left; }
  .okr27-pass-state strong { font-size: 40px; }
  .okr27-event header { flex-direction: column; }
  .okr27-event dl { grid-template-columns: 1fr; }
  .okr27-event dl>div { padding: 13px 0 0; border-top: 1px solid var(--okr27-line); border-left: 0; }
  .okr27-event dl>div:first-child { padding-top: 0; border-top: 0; }
  .okr27-declaration .button,
  .okr27-orders-summary .button,
  .okr27-qr-summary .button { width: 100%; }
}
.okr-season-2027-page .woocommerce-MyAccount-content > .okr-profile.okr-dashboard {
    display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--jazdy-2027 {
    --okr-account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 5c4-3 7 3 14 0v9c-7 3-10-3-14 0'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--jazdy-2027 a::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 17px;
    width: 17px !important;
    height: 17px !important;
    background-color: currentColor !important;
    -webkit-mask: var(--okr-account-icon) center / contain no-repeat;
    mask: var(--okr-account-icon) center / contain no-repeat;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard { order: 10; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--jazdecky-profil { order: 20; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--moja-qr-karta { order: 30; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--moje-inzeraty { order: 40; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--moje-zlavy { order: 50; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--jazdy-2027 { order: 60; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders { order: 70; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads { order: 80; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account { order: 90; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { order: 100; }