/*
* OG TIMES Area Store Roundup — フロント
*
* 地図ブロックはテーマ既存の .single-map 系をそのまま使うため、ここでは触らない。
* Reader Modeはこのファイルを読み込まないので、余白調整だけに留め、
* CSSが無くても記事として成立する状態を保つ。
*/

.ogtasr__item {
margin: 0 0 2.4em;
}

.ogtasr__item--og-member {
position: relative;
box-sizing: border-box;
padding: 28px 24px 24px;
border: 2px solid #c5a23a;
border-radius: 14px;
background: linear-gradient(145deg, #fff 0%, #fffdf3 100%);
box-shadow: 0 5px 20px rgba(20, 72, 42, 0.16), 0 0 0 3px rgba(197, 162, 58, 0.12);
}

.ogtasr__item--og-member::before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 5px;
border-radius: 12px 12px 0 0;
background: linear-gradient(90deg, #173f2a, #2d6a2d 55%, #d2af45);
content: "";
pointer-events: none;
}

.ogtasr__member-badge {
display: inline-flex;
min-height: 30px;
align-items: center;
gap: 5px;
box-sizing: border-box;
margin: 0 0 14px !important;
padding: 7px 11px;
border: 1px solid rgba(255, 222, 112, 0.8);
border-radius: 999px;
color: #fff;
background: #173f2a;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
font-size: 11px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.04em;
}

.ogtasr__member-badge span {
color: #f1c94d;
}

.ogtasr__item:last-child {
margin-bottom: 0;
}

.ogtasr__image {
max-width: 100%;
height: auto;
}

.ogtasr__description,
.ogtasr__note {
margin: 0 0 1.2em;
}

.ogtasr__verified {
color: #666;
font-size: 0.85em;
}

.ogtasr__actions {
display: flex;
gap: 10px;
margin-top: 14px;
}

.ogtasr__actions .ogtasr__article-link,
.ogtasr__actions .ogtasr__og-card-link {
position: relative;
isolation: isolate;
display: inline-flex;
flex: 1 1 0;
width: auto !important;
min-width: 0;
min-height: 42px;
align-items: center;
justify-content: center;
gap: 7px;
box-sizing: border-box;
margin: 0 !important;
padding: 10px 18px;
border-radius: 8px;
background-image: none !important;
box-shadow: none !important;
font-size: 14px;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.ogtasr__actions .ogtasr__article-link::before,
.ogtasr__actions .ogtasr__article-link::after,
.ogtasr__actions .ogtasr__og-card-link::before,
.ogtasr__actions .ogtasr__og-card-link::after {
display: none !important;
content: none !important;
}

.ogtasr__actions .ogtasr__article-link {
border: 1px solid #2d6a2d !important;
color: #fff !important;
background-color: #2d6a2d !important;
}

.ogtasr__actions .ogtasr__article-link:hover,
.ogtasr__actions .ogtasr__article-link:focus,
.ogtasr__actions .ogtasr__article-link:focus-visible {
border-color: #173f2a !important;
color: #fff !important;
background-color: #173f2a !important;
background-image: none !important;
text-decoration: none !important;
transform: translateY(-1px);
}

.ogtasr__actions .ogtasr__og-card-link {
border: 1px solid #c5a23a !important;
color: #173f2a !important;
background-color: #fffdf3 !important;
}

.ogtasr__actions .ogtasr__og-card-link:hover,
.ogtasr__actions .ogtasr__og-card-link:focus,
.ogtasr__actions .ogtasr__og-card-link:focus-visible {
border-color: #a98316 !important;
color: #173f2a !important;
background-color: #f5e8b1 !important;
background-image: none !important;
text-decoration: none !important;
transform: translateY(-1px);
}

.ogtasr__actions .ogtasr__action--disabled,
.ogtasr__actions .ogtasr__action--disabled:hover,
.ogtasr__actions .ogtasr__action--disabled:focus {
cursor: not-allowed;
opacity: .78;
pointer-events: none;
transform: none;
}

.ogtasr__actions .ogtasr__article-link.ogtasr__action--disabled {
border-color: #b9c9b9 !important;
color: #617261 !important;
background-color: #e8eee8 !important;
}

.ogtasr__actions .ogtasr__og-card-link.ogtasr__action--disabled {
border-color: #d8c98e !important;
color: #6c6243 !important;
background-color: #f7f0d7 !important;
}

@media (max-width: 600px) {
.ogtasr__item--og-member {
padding: 22px 14px 18px;
border-radius: 12px;
}

.ogtasr__member-badge {
min-height: 28px;
padding: 6px 8px;
font-size: 10px;
}

.ogtasr__actions {
flex-direction: column;
}

.ogtasr__actions .ogtasr__article-link,
.ogtasr__actions .ogtasr__og-card-link {
width: 100%;
min-width: 0;
}
}