/**
 * inline-fixes.css
 * Extracted inline styles from main site templates.
 * Loaded after style.css for cascade priority.
 */

/* ==========================================================================
   Utility — Layout
   ========================================================================== */
.if-section-wrap { position: relative; clear: both; }
.if-clearfix { clear: both; }
.if-rel { position: relative; }
.if-left { float: left; }
.if-right { float: right; }
.if-center-block { max-width: 600px; margin: 0 auto; }
.if-text-left { text-align: left; }
.if-text-right { text-align: right; }
.if-text-center { text-align: center; }
.if-hidden { display: none; }
.if-nowrap { white-space: nowrap; }
.if-pre-wrap { white-space: pre-wrap; }
.if-valign-top { vertical-align: top; }

/* ==========================================================================
   Utility — Text colors
   ========================================================================== */
.if-text-muted { color: #666; }
.if-text-dark { color: #333; }
.if-text-navy { color: #336; }
.if-text-blue { color: blue; }
.if-text-blue-bright { color: #0000FF; }
.if-text-navy-dark { color: #009; }
.if-text-purple { color: #6e6eb2; }
.if-text-red { color: red; }
.if-text-error { color: brown; }
.if-text-muted-555 { color: #555; }

/* ==========================================================================
   Utility — Typography
   ========================================================================== */
.if-text-xxs { font-size: 10px; }
.if-text-xs { font-size: 11px; }
.if-text-sm { font-size: 12px; }
.if-text-13 { font-size: 13px; }
.if-text-base { font-size: 14px; }
.if-text-lg { font-size: 16px; }
.if-text-xl { font-size: 18px; }
.if-text-12pt { font-size: 12pt; }
.if-text-1em { font-size: 1em; }
.if-text-08em { font-size: 0.8em; }
.if-text-italic { font-style: italic; }
.if-text-bold { font-weight: bold; }
.if-text-normal { font-weight: normal; }
.if-text-underline { text-decoration: underline; }
.if-no-underline { text-decoration: none; }
.if-lh-1 { line-height: 1; }

/* ==========================================================================
   Utility — Spacing
   ========================================================================== */
.if-p-0 { padding: 0; }
.if-p-3 { padding: 3px; }
.if-p-15 { padding: 15px; }
.if-pt-8 { padding-top: 8px; }
.if-pt-10 { padding-top: 10px; }
.if-pr-10 { padding-right: 10px; }
.if-pr-20 { padding-right: 20px; }
.if-pb-5 { padding-bottom: 5px; }
.if-pb-10 { padding-bottom: 10px; }
.if-pb-20 { padding-bottom: 20px; }
.if-pb-25 { padding-bottom: 25px; }
.if-pl-3 { padding: 0 0 0 3px; }
.if-pl-10 { padding-left: 10px; }
.if-pl-15 { padding-left: 15px; }
.if-px-10 { padding: 0 10px; }
.if-py-10 { padding: 10px 0; }
.if-py-15 { padding: 15px 0; }
.if-mt-5 { margin-top: 5px; }
.if-mt-10 { margin-top: 10px; }
.if-mt-50 { margin-top: 50px; }
.if-mb-10 { margin-bottom: 10px; }

/* Specificity boost for #center-block */
#center-block.if-mr-70 { margin-right: 70px; }

/* ==========================================================================
   Utility — Borders
   ========================================================================== */
.if-section-divider { border-bottom: 1px dotted #ddf; }
.if-col-border-right { border-right: 1px dotted #aaa; }

/* ==========================================================================
   Components — Product blocks
   ========================================================================== */

/* Unavailable product */
.if-product-unavailable {
    font-size: 16px;
    padding: 10px 0;
    color: #f66;
    font-weight: bold;
}

/* Supplier name */
.if-supplier-name { font-size: 13px; color: blue; }
.if-supplier-name-lg { color: blue; font-size: 14px; }

/* Price cell */
.if-price-cell { color: #666; padding-left: 15px; }
.if-price-cell-top { color: #666; padding-left: 15px; padding-top: 8px; }
.if-delivery-cell { color: #666; padding: 5px 0 0 15px; }
.if-timestamp-cell { padding: 8px 0 0 15px; }

/* Product title */
.if-product-title { font-size: 16px; padding-right: 10px; }
.if-product-title-plain { font-size: 16px; }
.if-product-title-navy { font-size: 14px; color: #009; }

/* Supplier description */
.if-supplier-desc { padding: 10px 0; color: #666; }

/* More info link */
.if-more-info-link { padding: 5px 10px; text-decoration: underline; }

/* Close/dismiss button area */
.if-close-btn-area { padding: 10px 25px 0; text-align: right; }

/* Fixed-width button */
.if-btn-fixed { width: 240px; }

/* Radius warning */
.if-radius-warning { background-color: #ffcccc; }

/* Tooltip "Achtung" link */
.if-warning-link {
    text-decoration: none;
    border-bottom: 1px dotted #333;
    color: #333;
    cursor: pointer;
}

/* Paragraf link (§36) */
.if-paragraf-link {
    text-decoration: none;
    border-bottom: 1px dotted #333;
    color: #333;
}

/* Disclaimer / footnotes */
.if-disclaimer { color: #666; }

/* Ratings block */
.if-ratings-block { padding-bottom: 25px; min-height: 130px; }
.if-conditions-block { padding-bottom: 25px; }

/* ==========================================================================
   Components — Tabs (results.php)
   ========================================================================== */
.if-tab-active {
    background-color: #eef;
    border: 1px dotted #99f;
    border-bottom: 1px solid #333;
}
.if-tab-inactive { border-bottom: 1px solid #333; }
.if-tab-current {
    border: 1px solid #333;
    border-bottom: 1px solid white;
}
.if-tab-link { display: block; text-decoration: none; }
.if-tab-text { padding: 10px 15px; font-size: 14px; }
.if-tab-text-inactive { padding: 10px 15px; cursor: default; font-size: 14px; }

/* ==========================================================================
   Components — Filters (wheels.php, tyres.php)
   ========================================================================== */
.if-filter-msg { float: left; padding: 10px; color: #6e6eb2; }
.if-filter-action { float: right; padding: 10px; }

/* ==========================================================================
   Components — Product images (html.php)
   ========================================================================== */
.if-product-img-wheel {
    width: 140px;
    height: 150px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
}
.if-product-img-tyre {
    width: 100px;
    height: 150px;
    float: left;
    background-position: -25px center;
    background-repeat: no-repeat;
}
.if-product-img-150 {
    width: 150px;
    height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
}
.if-product-img-150-float {
    width: 150px;
    height: 150px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
}
.if-product-img-full-h {
    width: 100%;
    height: 150px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
}
.if-product-img-container { width: 160px; height: 150px; padding: 3px; }
.if-product-img-complect { width: 240px; height: 150px; padding: 3px; }
.if-product-min-h { min-height: 150px; }

/* ==========================================================================
   Components — Alternative tyres notice
   ========================================================================== */
.if-alt-tyres-notice {
    padding: 8px 10px;
    background-color: #fc6;
    margin-bottom: 10px;
}

/* ==========================================================================
   Components — Sort / float blocks
   ========================================================================== */
.if-sort-note { float: right; width: 115px; color: #666; }
.if-sort-price { float: right; width: 120px; color: #666; }

/* ==========================================================================
   Components — Submit button
   ========================================================================== */
.if-submit-btn { padding: 6px 12px; }

/* ==========================================================================
   Components — Cart (html.php)
   ========================================================================== */
.if-cart-img { height: 150px; padding: 3px; }
.if-cart-service-img {
    height: 150px;
    background-position: center center;
    background-color: white;
    background-repeat: no-repeat;
}
.if-cart-title { height: 18px; }
.if-cart-price-info { font-size: 10px; color: #666; }
.if-cart-action { padding: 10px 0; }
.if-cart-action-link { color: #666; }
.if-cart-total-border { border-top: 2px solid #ddf; padding-top: 10px; }
.if-cart-vat { font-size: 0.8em; color: #666; }
.if-cart-delivery-label { font-size: 14px; padding-right: 20px; }
.if-cart-delivery-cell { padding-bottom: 5px; padding-left: 15px; }
.if-cart-amount { padding-bottom: 5px; font-size: 16px; color: #333; }
.if-cart-amount-col { width: 100px; }
.if-cart-no-mount-notice {
    background-color: yellow;
    margin-top: 5px;
    padding: 5px 15px;
    font-size: 1em;
}

/* ==========================================================================
   Components — KBA/vehicle tables (html.php)
   ========================================================================== */
.if-kba-table { max-width: 460px; }
.if-col-header { background-color: #ccc; text-align: center; }
.if-col-spacer { width: 20px; }

/* ==========================================================================
   Components — Label (energy efficiency)
   ========================================================================== */
#label-table-h.if-label-table,
#label-table.if-label-table { margin: 0; }

/* ==========================================================================
   Components — Checkout errors
   ========================================================================== */
.if-checkout-error { padding: 10px; font-size: 1em; color: brown; }

/* ==========================================================================
   Components — Gutachten (conditional bg)
   ========================================================================== */
.if-gutachten-available { background-color: rgba(224, 255, 224, 0.55); }
.if-gutachten-unavailable { background-color: rgba(255, 224, 224, 0.55); }

/* ==========================================================================
   Components — Complect list price info
   ========================================================================== */
.if-price-desc { color: #666; font-size: 12px; }
.if-price-desc-lh1 { color: #666; font-size: 12px; line-height: 1; }

/* ==========================================================================
   Page-specific — conditions.php
   ========================================================================== */
/* Контент AGB/правовых текстов приходит из Händlerbund с неразрывными пробелами,
   из-за которых строки не переносятся и страница растягивается вдвое по ширине.
   overflow:hidden обрезает вылет за контейнер и убирает горизонтальную прокрутку. */
.if-conditions-content { overflow: hidden; overflow-wrap: break-word; word-break: break-word; }

.if-nach-oben {
    /* Чистый CSS-sticky: float убирает ссылку из потока (не наезжает на текст),
       отрицательный margin-right выталкивает её в правый отступ #center-block (margin-right:70px),
       sticky сам ограничен рамками #center-block — поэтому до футера не доезжает. JS не нужен. */
    float: right;
    position: -webkit-sticky;
    position: sticky;
    top: 195px;
    margin-right: -60px;
    font-size: 10px;
    z-index: 10;
}

/* ==========================================================================
   Page-specific — bottommenu.php
   ========================================================================== */
.if-footer-wrap { padding: 0 10px 30px; margin: 0 10px; }
.if-footer-spacer { height: 30px; }
.if-email-hidden { display: none; }

/* ==========================================================================
   Page-specific — checkout.php (debug, test server only)
   ========================================================================== */
.if-debug-box {
    white-space: pre-wrap;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 888;
    height: 300px;
    background-color: white;
    padding: 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    overflow: auto;
}

/* ==========================================================================
   Page-specific — confirmation.php
   ========================================================================== */
.if-return-link { color: #666; }

/* ==========================================================================
   EU — Harmonisierte Mitteilung über das gesetzliche Gewährleistungsrecht
   (VO (EU) 2025/1960, Anhang I; Pflicht ab 27.09.2026). Prefix: fk-eugl-
   Графику нельзя менять и обрезать — здесь она только масштабируется
   пропорционально, никогда не растягивается.
   Живёт в inline-fixes.css, потому что этот файл подключается и на партнёрских
   субдоменах (domain_group > 0), где style.css/redesign.css заменены чужой темой.
   ========================================================================== */

/* Компактная ссылка с иконкой-щитом ЕС — карточка товара, корзина, касса. */
.fk-eugl-icon {
    display: inline-block;
    background: url(/images/eu_guarantee/eu_gewaehrleistung_icon.png?v1.00) no-repeat 0 center;
    padding: 4px 0 4px 26px;
    font-size: 13px;
    color: #2a3340;
    text-decoration: underline;
    cursor: pointer;
}
.fk-eugl-icon:hover { color: #003; }

/* Отдельная строка под блоком, к которому ссылка относится. */
.fk-eugl-line { margin: 12px 0 4px; }
.fk-eugl-cart-line { margin: 15px 0 0; }
.fk-eugl-checkout-line { margin: 10px 0 15px; }

/* Bestellübersicht: превью 80 px над кнопкой оплаты — выше дисклеймера «Mit Klick ...»,
   потому что тот является подписью к кнопке и отрывать его от неё нельзя.
   Отступ сверху нужен, чтобы лист не прилипал к галочкам AGB/Datenschutz; снизу его не
   даём — там свой margin-top у .confirmation-pay-disclaimer. */
.fk-eugl-thumb { margin: 14px 0 0; text-align: center; }
.fk-eugl-thumb img { width: 80px; height: auto; border: 0; cursor: pointer; }

/* Развёрнутый лист (сейчас в вебе не используется, оставлен для печати). */
.fk-eugl-box { margin: 15px auto; text-align: center; }
.fk-eugl-box img { max-width: 560px; width: 100%; height: auto; border: 0; }

/* Окно с листом. Высоту НЕ распираем через top+bottom — иначе под листом всегда
   белая дыра; окно растёт по содержимому и ограничивается max-height, дальше скролл. */
.fk-eugl-overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .3; filter: alpha(opacity=30); z-index: 10000; }
/* 640 px — лист выводится почти в натуральную ширину исходника (800 px), мельче текст
   регламента становится нечитаемым, а читаемость — тоже требование (Art. 22a Abs. 5). */
.fk-eugl-modal { display: none; position: fixed; left: 50%; top: 20px; margin-left: -320px; width: 640px; max-height: calc(100% - 40px); overflow: auto; z-index: 10001; background-color: #fff; border-radius: 6px; }
.fk-eugl-head { height: 32px; background-color: #003; position: sticky; top: 0; z-index: 1; }
.fk-eugl-title { float: left; padding: 8px 0 0 12px; font-size: 13px; color: #fff; }
.fk-eugl-x { float: right; width: 32px; height: 32px; cursor: pointer; }
.fk-eugl-x:before { content: "\00d7"; display: block; padding-top: 4px; font-size: 20px; line-height: 1; color: #fff; text-align: center; }
.fk-eugl-body { clear: both; background-color: #fff; padding: 10px; }
.fk-eugl-body img { display: block; width: 100%; height: auto; border: 0; }

@media (max-width: 680px) {
    .fk-eugl-modal { left: 10px; right: 10px; margin-left: 0; width: auto; }
}

/* ==========================================================================
   Specificity overrides for base style.css selectors
   ========================================================================== */
.ads-page-title.if-text-left { text-align: left; }
.ads-product-brand.if-text-normal { font-weight: normal; }