/*
Theme Name: 361 UIkit Theme
Theme URI: https://361project.com/
Author: numaken
Description: UIkit3ベースの軽量WordPressテーマ
Version: 1.1.6
Update URI: https://github.com/numaken/361theme
GitHub Theme URI: https://github.com/numaken/361theme
*/


/* カテゴリ色分け例 */
.category-badge.cat-news {
  background-color: #1e87f0;
  color: #fff;
}

.category-badge.cat-events {
  background-color: #32d296;
  color: #fff;
}

.category-badge.cat-warning {
  background-color: #f0506e;
  color: #fff;
}

/* Hero Section カスタム */
.uk-section-primary {
  background: linear-gradient(to right, #0e1e25, #243b55);
  color: #fff;
}

/* 投稿カード */
.uk-card-title {
  font-size: 1.1rem;
}

.uk-card-hover:hover {
  transform: translateY(-5px);
  transition: all 0.2s ease;
}

/* Fade-in for newly loaded cards */
.fade-in { animation: fadeIn 0.3s ease both; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Skeleton loaders */
.skeleton-box { height: 160px; background: #eee; border-radius: 6px; }
.skeleton-line { height: 12px; background: #eee; border-radius: 6px; margin: 8px 0; }
.skeleton-card { padding: 8px; border-radius: 6px; }

/* Header shadow on scroll */
.site-header { position: sticky; top: 0; z-index: 1000; }
.site-header.is-scrolled { box-shadow: 0 6px 18px rgba(0,0,0,0.12); }

/* Category badge on cards */
.category-badge { position: absolute; z-index: 2; }

/* Hero styles */
.plb-hero{position:relative;min-height:48vh;display:flex;align-items:center}
.plb-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center}
.plb-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55))}
.plb-hero__content{position:relative;color:#fff;text-align:center}
.plb-hero__title{font-size:clamp(40px,9vw,88px);letter-spacing:.06em;margin:0 0 .25em;font-weight:800}
.plb-hero__subtitle{font-size:clamp(16px,2.6vw,28px);opacity:.95;margin:0}
.plb-hero__scr{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);color:#fff;opacity:.85}
@media (max-width:640px){.plb-hero{min-height:40vh}}

/* Card image aspect */
.uk-card-media-top img{aspect-ratio:16/9;object-fit:cover}

/* Card English description (2 lines clamp) */
.card-desc-en{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Sticky footer ad (mobile) */
.plb-sticky-ad{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;box-shadow:0 -6px 18px rgba(0,0,0,.12);padding:6px 8px}
.plb-sticky-ad .plb-close{position:absolute;right:6px;top:-26px;background:#000;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;opacity:.85}
@media(min-width:768px){.plb-sticky-ad{display:none}}