/* Místní vzhled CookieConsent 3 pro VykupyReality.cz. */
#cc-main {
  --cc-font-family: "Onest", system-ui, sans-serif;
  --cc-bg: #fff;
  --cc-primary-color: #1b2c30;
  --cc-secondary-color: #526168;
  --cc-btn-primary-bg: #18322b;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: #26483f;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-secondary-bg: #18322b;
  --cc-btn-secondary-color: #fff;
  --cc-btn-secondary-hover-bg: #26483f;
  --cc-btn-secondary-hover-color: #fff;
  --cc-btn-border-radius: 9px;
  --cc-modal-border-radius: 16px;
  --cc-toggle-on-bg: #0b5560;
  --cc-toggle-off-bg: #66777c;
  --cc-toggle-readonly-bg: #75847f;
  --cc-cookie-category-block-bg: #f3f6f5;
  --cc-cookie-category-block-hover-bg: #eaf0ee;
  --cc-separator-border-color: #dce4e0;
  --cc-overlay-bg: rgba(18, 35, 31, .35);
}
#cc-main .cm { max-width: 1180px; border: 1px solid #dce4e0; box-shadow: 0 10px 50px rgba(15, 40, 33, .18); }
#cc-main .cm__title, #cc-main .pm__title { font-weight: 650; letter-spacing: -.025em; }
#cc-main .cm__title { font-size: 20px; }
#cc-main .cm__desc { font-size: 14px; line-height: 1.65; }
#cc-main .cm__btn, #cc-main .pm__btn { min-height: 44px; font-weight: 550; }
#cc-main .cm__btn--secondary { background: #fff; color: #18322b; border-color: #a9bab2; }
#cc-main .cm__btn--secondary:hover { background: #edf2f0; color: #18322b; border-color: #809b8e; }
#cc-main .cm__footer { background: #f7f9f8; }
#cc-main .cm__footer a { text-decoration: underline; text-underline-offset: 3px; }
#cc-main .pm__section-desc { line-height: 1.7; }
.vr-cookie-settings-link { white-space: nowrap; }
.vr-cookie-settings-button { font: inherit; padding: 12px 18px; border: 1px solid #9cb3a8; border-radius: 9px; background: #18322b; color: white; cursor: pointer; }
.vr-cookie-settings-button:focus-visible { outline: 3px solid #0b6570; outline-offset: 4px; }
@media (max-width: 640px) {
  #cc-main .cm { max-height: min(70dvh, 580px); }
  #cc-main .cm__title { font-size: 18px; }
  #cc-main .cm__desc { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { #cc-main * { transition: none !important; animation: none !important; } }
/* REV67: kompaktní první volba; při zvětšení zůstává celý panel posuvný. */
@media (max-width: 640px) {
  #cc-main .cm { max-height: calc(100dvh - 16px); overflow-y: auto; border-radius: 12px; }
  #cc-main .cm__texts { padding: 12px 14px 8px; }
  #cc-main .cm__title { padding: 0 !important; margin: 0; font-size: 1rem; line-height: 1.25; }
  #cc-main .cm__desc { padding: 0 !important; margin: 6px 0 0; font-size: .875rem; line-height: 1.4; max-height: none !important; overflow: visible; }
  #cc-main .cm__btns { display: grid !important; grid-template-columns: 2fr 1fr; gap: 6px; padding: 0 14px 8px !important; border: 0 !important; }
  #cc-main .cm__btn-group { display: grid !important; grid-template-columns: 1fr 1fr; gap: 6px; min-width: 0 !important; }
  #cc-main .cm__btn-group + .cm__btn-group { grid-template-columns: 1fr; margin: 0 !important; }
  #cc-main .cm__btn { width: 100%; min-width: 0 !important; min-height: 44px; padding: 8px 5px; margin: 0 !important; font-size: .8125rem; line-height: 1.25; text-align: center; white-space: normal; }
  #cc-main .cm__btn + .cm__btn { margin: 0 !important; }
  #cc-main .cm__footer { padding: 4px 0; }
  #cc-main .cm__links { display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 0 14px !important; font-size: .75rem; line-height: 1.4; }
}
@media (max-width: 300px) {
  #cc-main .cm__btns { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  #cc-main .cm__btns { display: flex !important; flex-direction: row !important; flex-wrap: wrap; }
  #cc-main .cm__btn-group { display: flex !important; flex-direction: row !important; flex: 2 1 180px; min-width: min-content !important; }
  #cc-main .cm__btn-group + .cm__btn-group { flex: 1 1 80px; min-width: min-content !important; }
  #cc-main .cm__btn { flex: 1 1 0 !important; width: auto; min-width: max-content !important; }
}
@media (max-width: 300px) {
  #cc-main .cm__btns { flex-direction: column !important; }
  #cc-main .cm__btn-group { flex: 1 1 auto; flex-wrap: wrap; min-width: 0 !important; }
  #cc-main .cm__btn { min-width: 0 !important; overflow-wrap: anywhere; }
}