﻿/* Mirswa Checkout Address Card Styles */
/* Extracted from checkout.php inline <style> block for CDN performance */
/* Inline checkout address cards (no modals) */
    .mirswa-co-address-cards {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .mirswa-co-address-hint {
        margin: 0;
        line-height: 1.4;
    }
    .mirswa-co-address-card-wrap {
        position: relative;
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }
    .mirswa-co-address-card-wrap .mirswa-co-address-card {
        flex: 1;
        min-width: 0;
    }
    .mirswa-co-address-edit {
        flex-shrink: 0;
        margin-top: 12px;
        margin-right: 4px;
        font-size: 0.78rem;
        font-weight: 600;
        color: var(--primary-color, #1f56a8);
        text-decoration: none;
        white-space: nowrap;
    }
    .mirswa-co-address-edit:hover,
    .mirswa-co-address-edit:focus {
        color: var(--primary-color, #1f56a8);
        text-decoration: underline;
    }
    .mirswa-co-address-card {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        margin: 0;
        padding: 12px 14px;
        border: 2px solid #e5e7eb;
        border-radius: 12px;
        background: #fff;
        cursor: pointer;
        transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .mirswa-co-address-card:hover {
        border-color: #94a3b8;
    }
    .mirswa-co-address-card.is-selected,
    .mirswa-co-address-card:has(.mirswa-co-address-radio:checked) {
        border-color: var(--primary-color, #1f56a8);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #1f56a8) 14%, transparent);
        background: #f8fbff;
    }
    .mirswa-co-address-card__selector {
        position: relative;
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        margin-top: 2px;
    }
    .mirswa-co-address-radio {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 2;
        appearance: none !important;
        -webkit-appearance: none !important;
    }
    .mirswa-co-address-card__tick {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border: 2px solid #cbd5e1;
        border-radius: 50%;
        background: #fff;
        color: #fff;
        font-size: 14px;
        line-height: 1;
        pointer-events: none;
        transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
    }
    .mirswa-co-address-card__tick::before {
        content: "\2713";
        font-weight: 700;
        opacity: 0;
        transform: scale(0.5);
        transition: opacity .15s ease, transform .15s ease;
    }
    .mirswa-co-address-card.is-selected .mirswa-co-address-card__tick,
    .mirswa-co-address-card:has(.mirswa-co-address-radio:checked) .mirswa-co-address-card__tick {
        border-color: var(--primary-color, #1f56a8);
        background: var(--primary-color, #1f56a8);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
    }
    .mirswa-co-address-card.is-selected .mirswa-co-address-card__tick::before,
    .mirswa-co-address-card:has(.mirswa-co-address-radio:checked) .mirswa-co-address-card__tick::before {
        opacity: 1;
        transform: scale(1);
    }
    .mirswa-co-address-card__body {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
        flex: 1;
    }
    .mirswa-co-address-card__top {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        font-size: 0.88rem;
    }
    .mirswa-co-address-card__selected-badge {
        display: inline-flex;
        align-items: center;
        padding: 2px 8px;
        border-radius: 999px;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #fff;
        background: var(--primary-color, #1f56a8);
    }
    .mirswa-co-address-card__default-badge {
        display: inline-flex;
        align-items: center;
        padding: 2px 8px;
        border-radius: 999px;
        font-size: 0.68rem;
        font-weight: 600;
        color: #475569;
        background: #f1f5f9;
        border: 1px solid #cbd5e1;
    }
    .mirswa-co-address-card__line {
        font-size: 0.8rem;
        color: #475569;
        line-height: 1.35;
        word-break: break-word;
    }
    .mirswa-co-address-card__phone {
        font-size: 0.78rem;
        color: #64748b;
    }
    .mirswa-co-add-panel {
        margin-top: 14px;
        padding: 14px;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        background: #f8fafc;
    }
    body.mirswa-inline-map-active #mirswa-checkout-add-panel,
    body.mirswa-inline-map-active #mirswa-checkout-add-panel .mirswa-co-addr-step[data-step="location"],
    body.mirswa-inline-map-active #mirswa_co_map_view.is-map-visible {
        overflow: visible !important;
    }
    body.mirswa-inline-map-active #mirswa_co_map_view.is-map-visible .gm-style iframe,
    body.mirswa-inline-map-active #mirswa_co_map_view.is-map-visible .gm-style canvas {
        pointer-events: auto !important;
        touch-action: auto !important;
        z-index: 1 !important;
    }
    #mirswa_co_map_view.is-map-visible .mirswa-uk-address-search-wrap {
        position: relative !important;
        z-index: 40 !important;
        isolation: isolate !important;
        overflow: visible !important;
    }
    .mirswa-co-add-panel__head {
        margin-bottom: 10px;
    }
    .mirswa-co-addr-steps {
        display: flex;
        gap: 6px;
        margin-bottom: 12px;
    }
    .mirswa-co-addr-step-dot {
        flex: 1;
        height: 4px;
        border-radius: 999px;
        background: #e2e8f0;
    }
    .mirswa-co-addr-step-dot.is-active {
        background: var(--primary-color, #1f56a8);
    }
    .mirswa-co-add-form .form-control-sm {
        font-size: 0.82rem;
    }
    .mirswa-co-add-panel .mirswa-uk-address-root {
        margin-bottom: 0;
    }
    .mirswa-co-map-inline.is-map-visible {
        position: relative;
        z-index: 20;
    }
    .mirswa-co-map-inline.is-map-visible .mirswa-uk-address-search-wrap {
        position: relative;
        z-index: 40;
    }
    .mirswa-co-map-inline.is-map-visible .mirswa-map-simple-interactive,
    .mirswa-co-map-inline.is-map-visible .mirswa-map-simple-interactive .gm-style iframe,
    .mirswa-co-map-inline.is-map-visible .mirswa-map-simple-interactive .gm-style canvas {
        pointer-events: auto !important;
        touch-action: auto !important;
        cursor: grab !important;
    }
    .mirswa-co-map-inline.is-map-visible .mirswa-co-map-wrap {
        position: relative;
        z-index: 1;
        min-height: 280px;
        cursor: grab;
    }
    .mirswa-co-map-inline.is-map-visible .mirswa-co-map-wrap,
    .mirswa-co-map-inline.is-map-visible .mirswa-co-map-canvas,
    .mirswa-co-map-inline.is-map-visible .gm-style iframe,
    .mirswa-co-map-inline.is-map-visible .gm-style canvas,
    .mirswa-co-map-inline.is-map-visible .gm-style .mirswa-gm-interactive {
        pointer-events: auto !important;
        touch-action: auto !important;
    }
    .mirswa-co-map-inline.is-map-visible .gm-style .mirswa-gm-pass-through {
        pointer-events: none !important;
        touch-action: none !important;
    }
    .mirswa-co-map-inline.is-map-visible .gm-style {
        pointer-events: none !important;
    }
    .mirswa-co-map-inline.is-map-visible .mirswa-uk-map-pin {
        pointer-events: none !important;
        z-index: 30;
    }
    .mirswa-co-map-inline {
        margin-top: 4px;
    }
    
    .mirswa-co-map-inline .mirswa-uk-address-dropdown {
        z-index: 50 !important;
    }
    .mirswa-co-map-wrap {
        position: relative;
        border-radius: 10px;
        overflow: visible;
    }
    .mirswa-co-map-canvas {
        height: 280px;
        min-height: 280px;
    }
    @media (min-width: 768px) {
        .mirswa-co-map-canvas {
            height: 340px;
            min-height: 340px;
        }
    }
    .mirswa-co-map-inline .mirswa-uk-map-pin,
    .mirswa-co-map-inline .mirswa-co-map-wrap.mirswa-map-center-pin .mirswa-uk-map-pin,
    .mirswa-co-map-inline .mirswa-co-map-wrap.mirswa-map-center-pin.mirswa-map-marker-active .mirswa-uk-map-pin {
        display: flex !important;
        pointer-events: none !important;
        z-index: 4;
    }
    .mirswa-co-map-inline .mirswa-co-map-wrap.mirswa-map-center-pin .mirswa-uk-map-pin__head {
        background: linear-gradient(145deg, #1648b8 0%, #0f3a96 100%);
    }
    .mirswa-co-map-inline .mirswa-co-map-wrap.mirswa-map-marker-active:not(.mirswa-map-center-pin) .mirswa-uk-map-pin {
        display: none !important;
    }
    /* Drag surface above map; custom controls sit in bottom-right cutout */
    .mirswa-co-map-inline.is-map-visible .mirswa-co-map-wrap {
        position: relative;
        cursor: grab;
        pointer-events: auto !important;
    }
    .mirswa-co-map-inline.is-map-visible .mirswa-co-map-canvas,
    .mirswa-co-map-inline.is-map-visible .mirswa-uk-map-canvas {
        pointer-events: none !important;
    }
    .mirswa-co-map-inline.is-map-visible .gm-style iframe,
    .mirswa-co-map-inline.is-map-visible .gm-style canvas {
        pointer-events: auto !important;
        touch-action: auto !important;
    }
    .mirswa-co-map-inline .gm-style div {
        pointer-events: none !important;
    }
    /* Legacy checkout modals removed â€” inline address + promo offers used instead */
