/**
 * 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
   ========================================================================== */
.if-nach-oben {
    position: absolute;
    right: 0;
    margin-right: 10px;
    margin-top: 195px;
    font-size: 10px;
}

/* ==========================================================================
   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; }

/* ==========================================================================
   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; }