/*
 Theme Name:   Divi Child
 Theme URI:    https://discount-propane.com
 Description:  Divi Child Theme for Discount Propane
 Author:       Discount Propane
 Template:     Divi
 Version:      1.0.0
*/


/* ============================================================
   EMERGENCY NUMBER BAR — Contact page only
   ============================================================ */

.dp-emergency-bar {
    background: #c0392b;
    color: #fff;
    padding: 14px 20px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.dp-emergency-bar a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.dp-emergency-bar a:hover {
    border-bottom-color: #fff;
}

.dp-emergency-bar .dp-emergency-label {
    display: inline-block;
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
    padding: 2px 8px;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-right: 8px;
    vertical-align: middle;
}

/* ============================================================
   PRICES PAGE — No-JS fallback block
   ============================================================ */

.dp-noscript-fallback {
    background: #f4f6fb;
    border: 1px solid #dde2ed;
    border-left: 4px solid #1a5fa8;
    border-radius: 8px;
    padding: 28px 32px;
    margin: 30px auto;
    max-width: 600px;
    text-align: center;
}

.dp-noscript-fallback h3 {
    color: #0f2044;
    font-size: 20px;
    margin-bottom: 10px;
}

.dp-noscript-fallback p {
    color: #5a6a7e;
    margin-bottom: 16px;
}

.dp-noscript-fallback .dp-noscript-phone {
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    color: #0f2044;
    text-decoration: none;
    padding: 10px 24px;
    border: 2px solid #0f2044;
    border-radius: 6px;
    margin-bottom: 10px;
}

.dp-noscript-fallback .dp-noscript-phone:hover {
    background: #0f2044;
    color: #fff;
}

.dp-noscript-fallback .dp-noscript-note {
    font-size: 13px;
    color: #8a9ab0;
}

/* ============================================================
   STICKY MOBILE CTA BAR — Bottom of screen on mobile only
   ============================================================ */

.dp-mobile-cta-bar {
    display: none; /* hidden by default, shown via media query below */
}

@media (max-width: 980px) {
    .dp-mobile-cta-bar {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        background: #0f2044;
        padding: 0;
        box-shadow: 0 -2px 12px rgba(0,0,0,0.25);
    }

    .dp-mobile-cta-bar a {
        display: block;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        padding: 16px 20px;
        letter-spacing: 0.02em;
    }

    .dp-mobile-cta-bar a:hover {
        background: #1a5fa8;
        color: #fff;
    }

    /* Push page content up so it's not hidden behind the bar */
    body {
        padding-bottom: 56px !important;
    }
}

/* ============================================================
   MOBILE — Button tap targets (min 44px height)
   ============================================================ */

@media (max-width: 980px) {
    .et_pb_button,
    .et_pb_promo_button,
    .et_pb_newsletter_button {
        min-height: 44px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
}

/* ============================================================
   MOBILE — Navigation tap targets
   ============================================================ */

@media (max-width: 980px) {
    #mobile_menu_slide li a {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        min-height: 44px;
        display: flex;
        align-items: center;
    }
}

/* ============================================================
   INJECTED H1 — Service pages (added via functions.php hook)
   ============================================================ */

.dp-injected-h1 {
    /* Inherits Divi h1 styles — no custom override needed.
       This class exists for specificity / targeting if needed. */
}