.w-min {
    width: 1%;
    white-space: nowrap;
}

table.storental-info th {
    width: 1%;
    white-space: nowrap;
}

.storental-image {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 6px;
    background: #f8f8f8;
}

.storental-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.storental-swiper {
    width: 100%;
    max-width: 800px;
    border-radius: 8px;
    overflow: hidden;
}


/**
ログインページ
 */

/* 画面中央寄せと背景 */
.login-container {
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding-block: clamp(2rem, 6vh, 6rem);
    background: radial-gradient(1200px 600px at 80% -10%, color-mix(in oklab, #6aa9ff 15%, transparent), transparent 60%),
    radial-gradient(1000px 600px at -10% 110%, color-mix(in oklab, #9fe3c9 12%, transparent), transparent 60%);
}

/* カード（Picoなら<article>がカード扱い） */
.login-card {
    width: min(440px, 100%);
    margin-inline: auto;
    padding: var(--pico-spacing);
    border-radius: var(--pico-border-radius);
    background: var(--pico-card-background-color, var(--pico-background-color));
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04),
    0 6px 24px rgba(0, 0, 0, .08);
}

.login-card__header {
    margin-bottom: var(--pico-spacing);
}

.login-card__header h1 {
    margin: 0 0 .25rem 0;
    font-size: clamp(1.25rem, 1rem + 1vw, 1.5rem);
}

.login-card__error:empty {
    display: none;
}

/* スイッチ行の余白 */
.switch-row {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-block: .25rem 1rem;
}

/* フォームの要素間余白をやや広めに */
.c-passform > :where(label, input, button, .switch-row) {
    margin-block: .5rem;
}

/* フォーカス時の視認性を少し強めに */
input[type="password"],
input[type="text"] {
    transition: box-shadow .15s ease, border-color .15s ease;
}

input:focus-visible {
    box-shadow: 0 0 0 4px color-mix(in oklab, var(--pico-primary), transparent 70%);
}

/* お好みでプライマリカラーを微調整（Pico v2） */
:root {
    /* 例: やや落ち着いたブルー系（OKLCH） */
    --pico-primary: oklch(58% 0.18 250);
}


/*
 Google Map
 */

.acf-map {
    width: 100%;
    height: 400px;
    border: 1px solid #ccc;
    margin-top: 1rem;
    border-radius: 8px;
}

/* trレベルでの背景指定に勝つ */
table.striped tr.highlight,
table.striped tr.highlight td,
table.striped tr.highlight th {
    --table-row-background-color: #fff3b0 !important;
    background-color: #fff3b0 !important;
    transition: background-color 0.3s ease;
}

/* Picoのstripe疑似要素を打ち消す */
table.striped tr.highlight::before {
    content: none !important;
    display: none !important;
}


.acf-map {
    width: 100%;
    height: 420px;
    margin-bottom: 1rem;
    border-radius: 12px;
    overflow: hidden;
}

.highlight {
    background-color: #fff8d6 !important;
    transition: background-color 0.3s ease;
}

.text-block {
    background: var(--card-background-color);
    border-radius: var(--border-radius);
    padding: 1.2rem 1.5rem;
    box-shadow: var(--card-box-shadow);
}