/*!
 * DAYO contact layer 1.0.0 — presentation only.
 * The WhatsApp button itself is styled inside the Zeroy footer template; these rules
 * cover the contact-details card, the WeChat copy affordance, and the collision
 * guards against the quote tray / cookie banner.
 */

/* ---- contact details card (Contact page + footer) ---- */
.dayo-contact-card {
    background: #fff;
    border: 1px solid #e7e2d8;
    border-radius: 16px;
    padding: 1.75rem;
    box-shadow: 0 1px 2px rgba(9, 45, 31, .04);
}

.dayo-contact-row {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .65rem 0;
    border-top: 1px solid rgba(231, 226, 216, .7);
}

.dayo-contact-row:first-of-type { border-top: 0; }

.dayo-contact-row .dayo-contact-label {
    display: block;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 700;
    color: #a68239;
    margin-bottom: .15rem;
}

.dayo-contact-value {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .85rem;
    font-weight: 600;
    color: #092d1f;
    text-decoration: none;
    word-break: break-word;
}

a.dayo-contact-value:hover { color: #a68239; }

.dayo-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.25rem;
    padding: .3rem .55rem;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #092d1f;
    background: #fbf6ec;
    border: 1px solid #ebd19a;
    border-radius: 9999px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.dayo-copy-btn:hover { background: #092d1f; color: #fff; border-color: #092d1f; }
.dayo-copy-btn:focus-visible { outline: 2px solid #c59f52; outline-offset: 2px; }

/* ---- WhatsApp floating button collision guards ---- */
#dayo-wa-fab-wrap {
    /* JS raises this when the quote tray is on screen; keeps both reachable. */
    bottom: var(--dayo-fab-bottom, 6rem);
    transition: bottom .18s ease;
}

#dayo-wa-panel {
    bottom: calc(var(--dayo-fab-bottom, 6rem) + 3.5rem);
}

/* keep the button clear of a cookie banner pinned to the bottom */
body.dayo-consent-visible #dayo-wa-fab-wrap { bottom: calc(var(--dayo-fab-bottom, 6rem) + 4.5rem); }

/* The footer template carries an inline `@media (max-width:480px){#dayo-wa-fab-wrap{bottom:5rem}}`
   which comes later in the document and used to pin the button onto the quote tray on phones.
   The template now uses the same variable, and this rule is the safety net if the template is
   ever re-saved from the page builder without it. */
@media (max-width: 480px) {
    #dayo-wa-fab-wrap { right: .75rem; bottom: var(--dayo-fab-bottom, 5rem) !important; }
    #dayo-wa-panel { bottom: calc(var(--dayo-fab-bottom, 5rem) + 3rem); }
}

/* product page quick-inquiry button inherits the secondary CTA look */
.dayo-wa-quick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .875rem 1.5rem;
    border-radius: .75rem;
    background: #fff;
    color: #092d1f;
    border: 1px solid #25D366;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.dayo-wa-quick:hover { background: #25D366; color: #fff; border-color: #25D366; }
.dayo-wa-quick svg { width: 1rem; height: 1rem; flex-shrink: 0; }