/*
Theme Name: Astra Child - Digital GO
Theme URI: https://digitalgo.pl
Description: Motyw potomny Astra dla digitalgo.pl
Author: Daria Katarzyna Król
Author URI: https://digitalgo.pl
Template: astra
Version: 1.0.0
Text Domain: astra-child-digitalgo
*/

body,
h1, h2, h3, h4, h5, h6,
.hero-eyebrow, .hero-desc,
.btn-action, #cta-button,
.dg-stack-eyebrow,
.pz-eyebrow {
    font-family: 'Inter', sans-serif !important;
}

/* ============================================================ */
/* GLOBALNY CSS - przeniesiony z Customizer > Dodatkowy CSS       */
/* ============================================================ */

/* --- 1. RESET I PODSTAWA --- */
#digitalgo-form-wrapper, .foja-contact-draw {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* --- 2. ANIMACJE REVEAL - CLEAN --- */
.mijanie-h2, .mijanie-p, .foto-lewa, .foto-prawa, .wjazd-do-gory, .mijanie-h1 {
    opacity: 0;
    will-change: transform, opacity;
}

.reveal-active {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
    transition: opacity 1.4s ease-out, transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mijanie-h1, .mijanie-h2 { transform: translateY(40px); }
.mijanie-p { transform: translateY(-40px); }
.foto-lewa { transform: translateX(-60px); }
.foto-prawa { transform: translateX(60px); }
.wjazd-do-gory { transform: translateY(80px); }

/* --- 3. FORMULARZ WYCENY (Design Canva-Style, wersja legacy) --- */
#digitalgo-form-wrapper {
    max-width: 800px;
    margin: 2rem auto;
    padding: 3rem;
    background: #ffffff !important;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.05);
    font-family: 'Inter', sans-serif;
    border: 1px solid #f0f0f0;
}

#digitalgo-form-wrapper h1 {
    color: #b5179e !important;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

#digitalgo-form-wrapper p {
    color: #6b6b6b !important;
    text-align: center;
}

#digitalgo-form-wrapper input,
#digitalgo-form-wrapper select,
#digitalgo-form-wrapper textarea {
    width: 100%;
    padding: 1rem;
    border-radius: 12px;
    border: 1px solid #e0e0e0 !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    font-size: 1rem;
    -webkit-text-fill-color: #333333 !important;
    appearance: auto !important;
}

#cta-button {
    background: linear-gradient(90deg, #14213d, #2c4770) !important;
    color: #ffffff !important;
    font-weight: 600;
    padding: 1.25rem 3rem;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

#cta-button:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(20, 33, 61, 0.4);
}

/* --- 4. zapobiega poziomemu scrollowaniu przy elementach full-bleed jak stopka czy hero --- */


body {
    overflow-x: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- 5. WYRÓŻNIACZ (Neon) --- */
.wyrozniacz {
    color: #CC39D1 !important;
    font-weight: 800;
    text-shadow: 0 0 10px rgba(204, 57, 209, 0.2);
}

/* --- 6. FIX DLA EDYTORA WP --- */
.editor-styles-wrapper * {
    opacity: 1 !important;
    transform: none !important;
}

/* --- GLOBALNY STYL DLA SŁÓW Z BŁYSKIEM --- */
.slowo-błysk {
    color: #14213d !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 500;
    position: relative;
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), text-shadow 0.4s ease-out;
    cursor: default;
}

.slowo-błysk:hover {
    transform: scale(1.15) rotate(-2deg);
    z-index: 10;
}

.hero-img-top {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    display: block;
    object-fit: cover;
    margin: 0 !important;
}

/* --- PRZYCISKI LINK-STYLE --- */
.btn-daria {
    display: inline-block;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 2px solid #d946ef;
    padding-bottom: 5px;
    padding-left: 0;
    transition: 0.3s ease-in-out;
}

.btn-daria:hover {
    color: #d946ef;
    letter-spacing: 1.5px;
    padding-left: 10px;
}

/* Stopka - full bleed na mobile */
.digitalgo-footer-fullbleed {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* --- Fix tap-highlight (globalny) --- */
* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none;
}

html {
    -webkit-tap-highlight-color: transparent !important;
}

a, button, input, textarea, select,
a:focus, button:focus,
a:active, button:active {
    -webkit-tap-highlight-color: transparent !important;
    outline: none;
}

/* --- Wyłączenie natywnego hamburgera Astry na mobile --- */
#ast-mobile-header,
.ast-mobile-header-wrap,
button.main-header-menu-toggle.ast-mobile-menu-trigger-minimal {
    display: none !important;
}

@media (max-width: 600px) {
    .dg-footer-top {
        display: none !important;
    }
    .dg-footer-nav {
        display: flex !important;
    }
    .dg-footer-call-btn {
        display: flex !important;
    }
}