@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500&family=Barlow+Condensed:wght@600;700&display=swap');

.ibomma-card {
    background: #1a1a1a;
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    max-width: 640px;
    border: 1px solid #2a2a2a;
    font-family: 'Barlow', sans-serif;
}

/* ── SKELETON ── */
.ibomma-sk {
    background: #252525;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.ibomma-sk::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 0%, #333 50%, transparent 100%);
    animation: ibomma-shimmer 1.4s infinite;
    transform: translateX(-100%);
}
@keyframes ibomma-shimmer { to { transform: translateX(100%); } }

.ibomma-skeleton-view      { display: flex; flex-direction: row !important; min-height: 240px; align-items: stretch; }
.ibomma-skeleton-view.ibomma-hidden { display: none !important; }
.ibomma-sk-poster          { width: 200px; min-width: 200px; height: 240px; border-radius: 0; background: #1e1e1e; }
.ibomma-sk-info            { flex: 1; padding: 20px; display: flex; flex-direction: column; gap: 10px; }
.ibomma-sk-badges          { display: flex; gap: 8px; }
.ibomma-sk-b1              { width: 48px; height: 20px; }
.ibomma-sk-b2              { width: 36px; height: 20px; }
.ibomma-sk-title           { width: 82%; height: 24px; }
.ibomma-sk-chips           { display: flex; gap: 6px; flex-wrap: wrap; }
.ibomma-sk-chip            { height: 24px; border-radius: 20px; }
.ibomma-sk-rating          { width: 90px; height: 36px; }
.ibomma-sk-votes           { width: 110px; height: 13px; margin-top: 4px; }
.ibomma-sk-dir             { width: 60%; height: 13px; margin-top: auto; }

/* ── CARD ── */
.ibomma-card-inner         { display: flex !important; flex-direction: row !important; min-height: 240px; align-items: stretch; }
.ibomma-movie-view         { display: none !important; }
.ibomma-movie-view.ibomma-visible { display: flex !important; flex-direction: row !important; align-items: stretch; width: 100%; }

.ibomma-poster-col         { width: 200px !important; min-width: 200px !important; max-width: 200px !important; flex-shrink: 0 !important; overflow: hidden; background: #111; }
.ibomma-poster             { width: 100%; height: 100%; object-fit: cover; display: block; }

.ibomma-info-col           { flex: 1 !important; padding: 20px 20px 16px !important; display: flex !important; flex-direction: column !important; gap: 10px; min-width: 0; overflow: hidden; }

.ibomma-badge-row          { display: flex; align-items: center; gap: 8px; }
.ibomma-badge              { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .08em; padding: 3px 8px; border-radius: 3px; text-transform: uppercase; }
.ibomma-badge-imdb         { background: #f5c518; color: #000; }
.ibomma-badge-year         { background: #2a2a2a; color: #999; border: 1px solid #333; }

.ibomma-movie-title        { font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 700; color: #fff; line-height: 1.2; margin: 0; }

.ibomma-meta-row           { display: flex; flex-wrap: wrap; gap: 6px; }
.ibomma-meta-chip          { font-size: 12px; color: #aaa; background: #242424; border: 1px solid #333; padding: 3px 9px; border-radius: 20px; }

.ibomma-rating-block       { display: flex; align-items: baseline; gap: 6px; }
.ibomma-star               { color: #f5c518; font-size: 18px; }
.ibomma-rating-num         { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; font-weight: 700; color: #fff; line-height: 1; }
.ibomma-rating-denom       { font-size: 14px; color: #666; }
.ibomma-votes-label        { font-size: 12px; color: #666; margin-top: 3px; margin-bottom: 0; }

.ibomma-director-row       { font-size: 12px; color: #888; margin-top: auto; padding-top: 8px; border-top: 1px solid #222; }
.ibomma-director-row span  { color: #f5c518; }

/* ── FOOTER ── */
.ibomma-card-footer        { background: #141414; border-top: 1px solid #222; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; }
.ibomma-brand              { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #555; }
.ibomma-watch-btn          { background: #f5c518; color: #000; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .05em; text-transform: uppercase; border: none; border-radius: 4px; padding: 7px 18px; cursor: pointer; transition: background .15s; }
.ibomma-watch-btn:hover    { background: #e6b800; }