/* Classic skin - content pages (services, designs, room news, competitions, galleries, FAQ).
   The room-news and competitions rules are the inline <style> blocks of page-room-news.php / page-competitions.php. */

/* ---- Room news (page-room-news.php) ---- */
.md411-rn-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}
.md411-rn-filter{background:transparent;border:1px solid rgba(212,175,55,.3);color:var(--md411-text-secondary);padding:8px 18px;font-size:.88rem;border-radius:50px;cursor:pointer;transition:all .2s;text-decoration:none}
.md411-rn-filter:hover,.md411-rn-filter.active{background:var(--md411-gold);color:#000;border-color:var(--md411-gold)}
.md411-rn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.md411-rn-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.md411-rn-grid{grid-template-columns:1fr}}
.md411-rn-card{background:var(--md411-bg-card);border:1px solid var(--md411-border-gold);border-radius:var(--md411-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;color:inherit;text-decoration:none}
.md411-rn-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(212,175,55,.15)}
.md411-rn-thumb{position:relative;height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(212,175,55,.06)}
.md411-rn-thumb img{width:100%;height:100%;object-fit:cover}
.md411-rn-thumb-placeholder{background:rgba(212,175,55,.06)}
.md411-rn-badge{position:absolute;top:10px;right:10px;background:var(--md411-gold);color:#000;padding:4px 12px;border-radius:50px;font-size:.78rem;font-weight:700}
.md411-rn-body{padding:18px;flex:1;display:flex;flex-direction:column}
.md411-rn-date{font-size:.8rem;color:var(--md411-text-secondary);margin-bottom:8px}
.md411-rn-title{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--md411-text-primary)}
.md411-rn-excerpt{font-size:.85rem;color:var(--md411-text-secondary);line-height:1.6;flex:1}
.md411-pagination a,.md411-pagination span{display:inline-block;padding:8px 14px;margin:0 3px;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--md411-text-primary);text-decoration:none;font-size:.9rem}
.md411-pagination .current{background:var(--md411-gold);color:#000;border-color:var(--md411-gold)}
.md411-rn-cta{text-align:center;margin-top:40px;padding:32px;background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.2);border-radius:var(--md411-radius)}
.md411-rn-article{max-width:820px;margin:0 auto}
.md411-rn-article-img{width:100%;border-radius:var(--md411-radius);margin-bottom:24px}
.md411-rn-article-body{background:var(--md411-bg-card);border:1px solid var(--md411-border-gold);border-radius:var(--md411-radius);padding:28px;line-height:1.9}
.md411-rn-article-body img{max-width:100%;height:auto;border-radius:8px}

/* ---- Competitions (page-competitions.php) ---- */
.md411-competitions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:50px}
.md411-comp-card{background:var(--md411-card-bg,rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}
.md411-comp-active{border-color:var(--md411-gold);box-shadow:0 0 20px rgba(212,175,55,.15)}
.md411-comp-badge{display:inline-block;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:20px;background:rgba(0,200,0,.15);color:#00c800;width:fit-content}
.md411-badge-upcoming{background:rgba(0,100,255,.15);color:#5599ff}
.md411-badge-ended{background:rgba(100,100,100,.2);color:#999}
.md411-comp-icon{font-size:2.5rem}
.md411-comp-card h3{margin:0;font-size:1.1rem}
.md411-comp-card p{margin:0;color:var(--md411-muted);line-height:1.6;font-size:.9rem}
.md411-comp-details{display:flex;gap:16px;font-size:.8rem;color:var(--md411-muted);flex-wrap:wrap}
.md411-how-section{margin:50px 0}
.md411-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.md411-steps-grid .md411-step{text-align:center;padding:24px;background:rgba(255,255,255,.03);border-radius:10px}
.md411-steps-grid .md411-step::before{display:none}
.md411-step-num{width:48px;height:48px;border-radius:50%;background:var(--md411-gold);color:#000;font-weight:900;font-size:1.4rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.md411-steps-grid .md411-step h4{color:var(--md411-gold);margin-bottom:8px}
.md411-steps-grid .md411-step p{color:var(--md411-muted);font-size:.9rem;margin:0}

/* ---- Galleries ---- */
.md411-video-wrapper video,.md411-video-wrapper .md411-video-link{position:absolute;inset:0;width:100%;height:100%;background:#000}
.md411-video-wrapper video{object-fit:contain}
.md411-video-wrapper .md411-video-link{display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--md411-gold);text-decoration:none}
.md411-gallery-desc,.md411-gallery-meta{display:block;margin-top:4px;font-size:.78rem;opacity:.85;white-space:pre-line}

/* ---- Designs (page-designs.php) ---- */
.md411-design-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.md411-design-pricing-grid .md411-package-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.md411-design-pricing-grid .md411-package-features{list-style:none;padding:0;margin:0 0 6px;text-align:start;width:100%}
.md411-design-pricing-grid .md411-package-card .md411-btn{margin-top:auto}
.md411-package-featured{border-color:var(--md411-gold) !important;box-shadow:0 0 24px rgba(212,175,55,.18)}
.md411-package-badge{background:var(--md411-gold);color:#000;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:50px}
.md411-design-works{margin-top:50px}
.md411-form-section{background:var(--md411-bg-card);border:1px solid var(--md411-border-gold);border-radius:var(--md411-radius);padding:32px 28px}
.md411-form-section .md411-form-group{margin-bottom:18px}
.md411-required{color:#e05555}
.md411-field-error{display:block;color:#ff7b7b;font-size:.8rem;margin-top:6px}
.md411-textarea{min-height:120px;resize:vertical}
@media(max-width:600px){.md411-form-section{padding:24px 16px}}