/* Siteway Elements — Global CSS din Stitch */

/* Material Symbols icon rendering */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Tonal Card component */
.tonal-card {
    background-color: #1F1F1F;
    border: 1px solid #2A2A2A;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tonal-card:hover {
    border-color: #E02B20;
    background-color: #2A2A2A;
}

/* ============================================================
   CUSTOM TAILWIND UTILITIES — generare manuala pentru WindPress v4
   WindPress (TailwindCSS v4) nu stie de culorile/spacing-ul nostru
   custom definit in tailwind.config v3, deci le definim direct.
   ============================================================ */

/* --- Culori Background --- */
.bg-coal-black          { background-color: #0F0F0F !important; }
.bg-emergency-red       { background-color: #E02B20 !important; }
.bg-surface-bright      { background-color: #37393a !important; }
.bg-surface             { background-color: #121414 !important; }
.bg-background          { background-color: #121414 !important; }
.bg-surface-container   { background-color: #1F2020 !important; }
.bg-surface-container-low  { background-color: #181a1a !important; }
.bg-surface-container-lowest { background-color: #0c0f0f !important; }
.bg-steel-gray          { background-color: #2A2A2A !important; }
.bg-hazard-amber        { background-color: #FFB400 !important; }

/* --- Culori Text --- */
.text-emergency-red     { color: #E02B20 !important; }
.text-on-surface        { color: #e2e2e2 !important; }
.text-tertiary          { color: #c8c6c5 !important; }
.text-hazard-amber      { color: #FFB400 !important; }
.text-coal-black        { color: #0F0F0F !important; }

/* --- Culori Border --- */
.border-emergency-red   { border-color: #E02B20 !important; }
.border-steel-gray      { border-color: #2A2A2A !important; }
.border-coal-black      { border-color: #0F0F0F !important; }
.border-t-emergency-red { border-top-color: #E02B20 !important; }

/* border-t-4 border-emergency-red combo */
.border-l-4.border-emergency-red { border-left-color: #E02B20 !important; }
.border-t-4.border-emergency-red { border-top-color: #E02B20 !important; }

/* Opacity variants */
.bg-coal-black\/70,
.\!bg-coal-black\/70 { background-color: rgba(15,15,15,0.70) !important; }
.bg-coal-black\/95    { background-color: rgba(15,15,15,0.95) !important; }
.border-emergency-red\/30 { border-color: rgba(224,43,32,0.30) !important; }
.text-white\/80       { color: rgba(255,255,255,0.80) !important; }

/* --- SVG Fill --- */
.fill-on-surface svg, .fill-on-surface { fill: #e2e2e2 !important; }

/* --- Fonturi Familie --- */
.font-stat-number  { font-family: 'Rubik', sans-serif !important; }
.font-headline-md  { font-family: 'Montserrat', sans-serif !important; }
.font-label-bold   { font-family: 'Rubik', sans-serif !important; }
.font-body-lg      { font-family: 'Open Sans', sans-serif !important; }
.font-body-md      { font-family: 'Open Sans', sans-serif !important; }

/* --- Marimi Text (font-size + line-height) --- */
.text-stat-number        { font-size: 48px; line-height: 56px; }
.text-display-lg         { font-size: 56px; line-height: 64px; }
.text-display-lg-mobile  { font-size: 36px; line-height: 42px; }
.text-headline-md        { font-size: 32px; line-height: 40px; }
.text-headline-sm        { font-size: 24px; line-height: 32px; }
.text-body-lg            { font-size: 18px; line-height: 28px; }
.text-body-md            { font-size: 16px; line-height: 24px; }
.text-label-bold         { font-size: 14px; line-height: 20px; }

/* --- Spacing Custom --- */
.py-section-gap-desktop { padding-top: 120px !important; padding-bottom: 120px !important; }
.py-section-gap-mobile  { padding-top: 64px !important; padding-bottom: 64px !important; }
.px-margin-edge         { padding-left: 32px !important; padding-right: 32px !important; }
.gap-gutter             { gap: 24px !important; }

@media (min-width: 768px) {
    .md\:py-section-gap-desktop {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }
    .md\:text-display-lg-mobile {
        font-size: 36px !important;
        line-height: 42px !important;
    }
    .md\:text-display-lg {
        font-size: 56px !important;
        line-height: 64px !important;
    }
}

/* ============================================================ */
/* Elimina spatiere default Elementor */
.elementor-widget-swe-hero .elementor-widget-container,
.elementor-widget-swe-nav .elementor-widget-container,
.elementor-widget-swe-stats .elementor-widget-container,
.elementor-widget-swe-servicii .elementor-widget-container,
.elementor-widget-swe-certificari .elementor-widget-container,
.elementor-widget-swe-echipamente .elementor-widget-container,
.elementor-widget-swe-proces .elementor-widget-container,
.elementor-widget-swe-testimoniale .elementor-widget-container,
.elementor-widget-swe-contact .elementor-widget-container,
.elementor-widget-swe-cta-bar .elementor-widget-container,
.elementor-widget-swe-footer .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}