/* Tarifly 1.46.0 — opt-in design layer.
   Every rule is scoped to a modifier class that TOS_Design::shell() only adds when
   the matching setting (Tarifly → Einstellungen → Design) or shortcode attribute
   is used. Sites with default settings are not affected by this file. */

/* Corner radius for cards, filter panel and empty/skeleton boxes */
.tos-offers-shell.tos-ui-v2.tos-d-radius .tos-v2-card,
.tos-offers-shell.tos-ui-v2.tos-d-radius .tos-filter-panel,
.tos-offers-shell.tos-ui-v2.tos-d-radius .tos-no-results,
.tos-offers-shell.tos-ui-v2.tos-d-radius .tos-deferred-skeleton{border-radius:var(--tos-r)!important}
.tos-offers-shell.tos-ui-v2.tos-d-radius .tos-choice-select select,
.tos-offers-shell.tos-ui-v2.tos-d-radius .tos-choice-static{border-radius:calc(var(--tos-r) * .55)!important}

/* Button shape (CTA + load more) */
.tos-offers-shell.tos-ui-v2.tos-d-btn [data-tos-cta],
.tos-offers-shell.tos-ui-v2.tos-d-btn .tos-load-more,
.tos-offers-shell.tos-ui-v2.tos-d-btn [data-tos-load-more]{border-radius:var(--tos-btn-r)!important}

/* Custom accent: button text follows the contrast of the chosen colour (dark text on light accents) */
.tos-offers-shell.tos-ui-v2.tos-d-accent [data-tos-cta]{color:var(--tos-accent-contrast,#fff)!important}

/* Shadow */
.tos-offers-shell.tos-ui-v2.tos-d-shadow-none .tos-v2-card{box-shadow:none!important}
.tos-offers-shell.tos-ui-v2.tos-d-shadow-soft .tos-v2-card{box-shadow:0 4px 14px rgba(16,24,40,.06)!important}
.tos-offers-shell.tos-ui-v2.tos-d-shadow-strong .tos-v2-card{box-shadow:0 18px 44px rgba(16,24,40,.16)!important}

/* Card surface */
.tos-offers-shell.tos-ui-v2.tos-d-cardbg .tos-v2-card{background:var(--tos-card-bg)!important}
.tos-offers-shell.tos-ui-v2.tos-d-border .tos-v2-card{border-color:var(--tos-card-border)!important}

/* Price colour */
.tos-offers-shell.tos-ui-v2.tos-d-price .tos-main-price strong,
.tos-offers-shell.tos-ui-v2.tos-d-price .tos-premium-monthly strong,
.tos-offers-shell.tos-ui-v2.tos-d-price .tos-compact-prices>strong,
.tos-offers-shell.tos-ui-v2.tos-d-price .tos-split-price strong,
.tos-offers-shell.tos-ui-v2.tos-d-price .tos-minimal-price>strong{color:var(--tos-price)!important}

/* Typography, spacing, width */
.tos-offers-shell.tos-ui-v2.tos-d-font{font-family:var(--tos-font)}
.tos-offers-shell.tos-ui-v2.tos-d-gap .tos-grid{gap:var(--tos-gap)}
.tos-offers-shell.tos-ui-v2.tos-d-maxw{max-width:var(--tos-maxw)}

/* Details dialog follows the same tokens (it lives on <body>) */
.tos-details-modal .tos-details-modal__dialog{font-family:var(--tos-font,inherit)}