/**
 * Frontend Widget Styles for Church Location Widget
 *
 * @package Church-Google-Calendar
 * @author  Zia Code LLC - https://ziacode.com
 */

/* ----------------------------------------
   Location Info Widget
---------------------------------------- */

.gew-location-info {
    font-family: inherit;
}

.gew-event-date {
    margin-bottom: 0.75em;
    font-weight: 600;
}

.gew-event-time {
    font-weight: normal;
    opacity: 0.9;
}

.gew-event-content {
    line-height: 1.6;
}

.gew-event-content p:last-child {
    margin-bottom: 0;
}

.gew-event-location {
    margin-top: 0.75em;
    font-style: italic;
    opacity: 0.85;
}

.gew-no-event .gew-event-content {
    font-style: italic;
}

/* ----------------------------------------
   Location Button Widget
---------------------------------------- */

.gew-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    font-family: inherit;
    font-weight: 500;
    line-height: 1;
    transition: all 0.3s ease;
}

.gew-button:hover,
.gew-button:focus {
    text-decoration: none;
}

.gew-button-icon {
    display: inline-flex;
    align-items: center;
}

.gew-button-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.gew-button-text {
    line-height: 1;
}

/* ----------------------------------------
   Admin Notice (Editor Preview)
---------------------------------------- */

.gew-admin-notice {
    background: #fff8e5;
    border-left: 4px solid #ffb900;
    padding: 12px 15px;
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.5;
}

.gew-admin-notice a {
    color: #0073aa;
}