/*
Theme Name:   Smart Auto Service Child
Theme URI:    https://smartautoservice.eu/
Description:  Child theme for Smart Auto Service — built on Divi 5. Brand tokens, custom CSS, и minimal helpers за hreflang и admin cleanup.
Author:       Smart Auto Service
Author URI:   https://smartautoservice.eu/
Template:     Divi
Version:      1.0.0
Text Domain:  smart-auto-child
*/

/* =====================================================
   Smart Auto Service — Brand Tokens (CSS Custom Properties)
   ===================================================== */
:root {
    /* Palette */
    /* Brand */
    --sa-blue:        #0587DD;   /* primary — водещ */
    --sa-blue-hover:  #046FB8;   /* CTA hover */
    --sa-charcoal:    #32292F;   /* dark, CTA outlines, headings */
    --sa-cream:       #FBF1DA;   /* warm section bg */
    --sa-mint:        #F0F7F4;   /* cool section bg (Hero) */
    --sa-red:         #FF1B1C;   /* accent only — max 0.5% surface */

    /* Neutral */
    --sa-text:        #32292F;
    --sa-muted:       #666A6D;
    --sa-border:      #D9D9D4;
    --sa-surface:     #FFFFFF;

    /* Typography */
    --sa-font-heading: 'Oswald', sans-serif;
    --sa-font-body:    'Sofia Sans', sans-serif;

    /* Transitions */
    --sa-transition: 250ms ease-in-out;
}

/* =====================================================
   Custom CSS — добавя се секция по секция при изграждане
   ===================================================== */

/* Тук ще влизат overrides и компоненти, когато стигнем до тях. */

/* =====================================================
   Primary CTA — custom arrow icon с hover animation
   ===================================================== */
#page-container .sa-cta-primary.et_pb_button.et_pb_module::after {
    content: "→" !important;
    font-family: var(--sa-font-body) !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    transform: translateX(0) !important;     /* неутрализира Divi translateY(-50%) */
    margin-left: 10px !important;
    font-size: 1.05em !important;
    line-height: 1 !important;
    vertical-align: middle !important;        /* подравнява стрелката с текста */
    transition: transform 250ms ease-in-out !important;
}

#page-container .sa-cta-primary.et_pb_button.et_pb_module:hover::after {
    transform: translateX(5px) !important;
}