/*
Theme Name: Extreme Bearing Child
Theme URI: https://www.extremebearing.com
Description: Divi child-theme voor Extreme Bearing. Bevat alleen styling die de
             geïmporteerde artikel-modules nodig hebben (.exb-callout, .exb-table)
             plus kleine RTL-ondersteuning. Alle layout komt uit Divi.
Author: Extreme Bearing
Template: Divi
Version: 1.0.0
*/

/* ------------------------------------------------------------------ */
/* Callout-blok: tekst-module met wrapper-klasse .exb-callout          */
/* (mapping uit articles-to-divi: callout -> et_pb_text.exb-callout)   */
/* ------------------------------------------------------------------ */
.exb-callout {
    border-left: 4px solid #0ea5e9;            /* EXB accent-blauw */
    background: #f7f8fa;
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
    border-radius: 4px;
}
.exb-callout p:last-child { margin-bottom: 0; }

/* Variant-tinten via extra klasse (optioneel door de baas te zetten) */
.exb-callout.exb-callout--info    { border-left-color: #0b6cff; }
.exb-callout.exb-callout--warning { border-left-color: #d98300; }
.exb-callout.exb-callout--success { border-left-color: #1f9d55; }

/* ------------------------------------------------------------------ */
/* Tabellen binnen een tekst-module (Divi heeft geen tabel-module)     */
/* ------------------------------------------------------------------ */
.exb-table table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.25rem 0;
    font-size: 0.95rem;
}
.exb-table th,
.exb-table td {
    border: 1px solid #dfe3e8;
    padding: 0.5rem 0.75rem;
    text-align: left;
    vertical-align: top;
}
.exb-table thead th {
    background: #1f2933;
    color: #fff;
    font-weight: 600;
}
.exb-table tbody tr:nth-child(even) { background: #f7f8fa; }

/* Responsive: laat brede tabellen horizontaal scrollen op mobiel */
.exb-table { overflow-x: auto; }

/* ------------------------------------------------------------------ */
/* Dynamische iframes (configurator/3D/catalogus/dimensies)            */
/* worden gerenderd in een et_pb_code-module met deze wrapper.         */
/* ------------------------------------------------------------------ */
.exb-embed-frame {
    width: 100%;
    border: 0;
    display: block;
}

/* ------------------------------------------------------------------ */
/* RTL (Arabisch) — komt pas bij latere talen, alvast aanwezig         */
/* ------------------------------------------------------------------ */
html[dir="rtl"] .exb-callout {
    border-left: 0;
    border-right: 4px solid #c8102e;
}
html[dir="rtl"] .exb-table th,
html[dir="rtl"] .exb-table td { text-align: right; }