/*
Theme Name:  Rusalina Shop Child Theme
Version:     1.0
Author:      Dst
Template:    Divi
Text Domain: dpprofe
*/



/* 1. VARIABILE DE CULOARE ȘI SETĂRI GENERALE */
:root {
    --px-color-1: #e96b15; /* Portocaliu Rusalina [cite: 3814] */
    --px-color-2: #071c1f; /* Verde închis/Negru [cite: 4161] */
    --px-color-3: #f2f6f7; /* Fundal gri deschis [cite: 4067] */
}

::selection {
    background-color: var(--px-color-1);
    color: #fff;
}

/* 2. STILIZARE UNIVERSALĂ BUTOANE (Efect de sclipire inclus) */
.et_pb_button {
    overflow: hidden !important;
    position: relative;
    font-size: 15px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 50px !important;
    background-color: var(--px-color-1) !important;
    padding: 15px 30px !important;
    color: #fff !important;
    transition: all 0.4s !important;
    z-index: 1;
}

.et_pb_button:hover {
    background-color: var(--px-color-2) !important;
    color: #FBB040 !important;
}

/* Efectul de reflexie (Shine) aplicat automat tuturor butoanelor */
.et_pb_button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 20px;
    height: 100%;
    display: block !important;
    transform: skew(-10deg, 0);
    opacity: 0;
    background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.85) 50%, rgba(255,255,255,0) 100%); [cite: 3817]
    z-index: 0;
}

.et_pb_button:hover::before {
    animation: move 2s infinite; [cite: 3818]
}

.et_pb_button::after {
    display: none !important;
}

/* 3. STILIZARE UNIVERSALĂ TITLURI (Module Text) */
/* Orice H3 din orice modul Text va arăta ca în design-ul original */
.et_pb_text_inner h3 {
    font-family: 'Urbanist', sans-serif !important;
    font-weight: 700 !important;
    font-size: 36px !important;
    line-height: 1.3 !important;
    color: #1e1e1e !important;
    text-transform: capitalize !important;
}

/* Dacă pui un cuvânt între <span> într-un titlu, devine portocaliu automat */
.et_pb_text_inner h3 span {
    color: var(--px-color-1) !important;
}

/* 4. STILIZARE UNIVERSALĂ BLURB (Servicii) */
/* Aplică efectul de linie portocalie la hover pentru orice Blurb */
.et_pb_blurb {
    position: relative;
    transition: all 0.4s ease;
}

.et_pb_blurb:hover {
    box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1); [cite: 4118]
}

.et_pb_blurb::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 4px;
    background-color: var(--px-color-1);
    transition: all 0.4s;
}

.et_pb_blurb:hover::before {
    width: 100%;
}

/* Iconițele din Blurb primesc culoarea brandului */
.et_pb_blurb .et-pb-icon {
    color: var(--px-color-1) !important;
}

/* 5. ANIMAȚII (Keyframes necesare pentru efecte) */
@keyframes move {
    0% { left: 0; opacity: 0; }
    48% { opacity: .2; }
    100% { left: 100%; opacity: 0; }
}

@keyframes SliderfadeInDown {
    0% { opacity: 0; transform: translate3d(0, -70%, 0); }
    100% { opacity: 1; transform: none; }
}

@keyframes SliderfadeInUp {
    0% { opacity: 0; transform: translate3d(0, 80%, 0); }
    100% { opacity: 1; transform: none; }
}

/* 6. SLIDER PRINCIPAL (Selector Divi 5) */
.et_pb_slider .et_pb_slide_title {
    animation: 1s ease-in-out 0s normal none 1 running SliderfadeInDown;
}

.et_pb_slider .et_pb_slide_content {
    animation: 1s ease-in-out 0s normal none 1 running SliderfadeInUp;
    animation-delay: 0.2s;
}