/*
Theme Name:   Sound Creations Rwanda
Theme URI:    https://soundcreationsltd.rw/
Description:  Child theme for the independent Sound Creations Ltd Rwanda website. Uses the group parent theme (soundcreations) so both sites share one visual identity, and layers Rwanda-specific business details, content, local SEO and structured data on top.
Author:       Sound Creations Ltd
Template:     soundcreations
Version:      1.1.0
Requires PHP: 8.0
License:      GPL-2.0-or-later
Text Domain:  soundcreations-rwanda
*/

/* Rwanda-specific CSS overrides go below. Keep the parent design system intact. */

.scrw-group-band {
	padding: 14px 0;
	font-size: 14px;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	opacity: 0.85;
}
.scrw-group-band a {
	color: inherit;
	text-decoration: underline;
}

/* ---- Elementor-built pages ---------------------------------------- */
.scrw-elementor-page .sc-fullwidth { padding: 0; }
.scrw-elementor-page .elementor { font-family: var(--sc-font-body); color: var(--sc-text); }
.scrw-elementor-page .elementor a:not(.sc-btn):not(.elementor-button) { color: var(--sc-accent-soft); }

/* Sound Creations widgets */
.scrw-proj-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
}
.scrw-proj-grid .sc-project { width: auto; flex: none; }
.scrw-proj-more { margin-top: 18px; }
.scrw-contact-card {
	background: var(--sc-surface);
	border: 1px solid var(--sc-border);
	border-radius: var(--sc-radius-lg);
	padding: 28px;
}
.scrw-contact-card__title { margin: 0 0 16px; }
.scrw-contact-card__list { list-style: none; margin: 0 0 20px; padding: 0; }
.scrw-contact-card__list li { padding: 10px 0; border-bottom: 1px solid var(--sc-border); }
.scrw-contact-card__list li span {
	display: block;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--sc-eyebrow);
	margin-bottom: 2px;
}
.scrw-empty { color: var(--sc-muted); }

/* ---- Product catalogue (/products/) -------------------------------- */
.scrw-cat-hero { padding: 3.5rem 0 2rem; background: linear-gradient(180deg, rgba(98,68,137,.18), transparent); border-bottom: 1px solid var(--sc-border); }
.scrw-cat-hero h1 { margin: .3rem 0 .6rem; max-width: 20ch; }
.scrw-cat-hero .sc-lead { max-width: 62ch; }
.scrw-cat-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.scrw-cat__bar { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; margin-bottom: 1.75rem; }
.scrw-cat__chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.scrw-chip { font: inherit; font-size: 13px; padding: .5rem .9rem; border-radius: 999px; border: 1px solid var(--sc-border); background: transparent; color: inherit; cursor: pointer; transition: border-color .2s, background .2s; }
.scrw-chip span { opacity: .6; margin-left: .25rem; }
.scrw-chip:hover { border-color: var(--sc-accent-soft, #8a6bb5); }
.scrw-chip.is-active { background: var(--sc-red, #BA0B0B); border-color: var(--sc-red, #BA0B0B); color: #fff; }
.scrw-cat__tools { display: flex; gap: .5rem; flex-wrap: wrap; }
.scrw-cat__tools select, .scrw-cat__tools input { font: inherit; font-size: 14px; padding: .55rem .8rem; border-radius: 10px; border: 1px solid var(--sc-border); background: var(--sc-surface, #111114); color: inherit; min-width: 180px; }
.scrw-pgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.1rem; }
.scrw-pcard { display: flex; flex-direction: column; background: var(--sc-surface, #111114); border: 1px solid var(--sc-border); border-radius: var(--sc-radius-lg, 14px); overflow: hidden; transition: border-color .2s, transform .2s; }
.scrw-pcard:hover { border-color: var(--sc-red, #BA0B0B); transform: translateY(-2px); }
.scrw-pcard[hidden] { display: none; }
.scrw-pcard__plate { display: block; aspect-ratio: 1 / 1; background: #0b0b0d; }
.scrw-pcard__plate img { width: 100%; height: 100%; object-fit: contain; padding: 6%; transition: transform .3s; }
.scrw-pcard:hover .scrw-pcard__plate img { transform: scale(1.04); }
.scrw-pcard__ph { display: flex; height: 100%; align-items: center; justify-content: center; font-weight: 600; opacity: .6; }
.scrw-pcard__body { display: flex; flex-direction: column; gap: .4rem; padding: 1rem 1.1rem 1.15rem; flex: 1; }
.scrw-pcard__meta { margin: 0; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--sc-eyebrow, #a58bd0); }
.scrw-pcard__title { margin: 0; font-size: 1rem; line-height: 1.3; }
.scrw-pcard__title a { color: inherit; text-decoration: none; }
.scrw-pcard__specs { list-style: none; margin: .2rem 0 0; padding: 0; font-size: 13px; color: var(--sc-muted, #9a9aa3); }
.scrw-pcard__specs li { padding: .15rem 0; }
.scrw-pcard__actions { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin-top: auto; padding-top: .8rem; font-size: 13px; }
.scrw-pcard__link { color: var(--sc-red, #BA0B0B); text-decoration: none; font-weight: 600; }
.scrw-pcard__quote { color: inherit; opacity: .8; text-decoration: underline; }
.scrw-cat__empty, .scrw-cat__note { margin-top: 1.5rem; font-size: 13px; color: var(--sc-muted, #9a9aa3); }
@media (max-width: 1100px) { .scrw-pgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 780px) { .scrw-pgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .scrw-cat__tools, .scrw-cat__tools select, .scrw-cat__tools input { width: 100%; } }
@media (max-width: 460px) { .scrw-pgrid { grid-template-columns: 1fr; } }

/* ---- FANE page: "FANE in Rwanda" contact row ----------------------- */
.scrw-fane-contact { width: 100%; max-width: 860px; margin-top: 1.6rem; padding-top: 1.8rem; border-top: 1px solid var(--sc-border); }
.scrw-fane-contact__title { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--sc-eyebrow, #A98BD6); }
.scrw-fane-contact__lead { margin: .45rem 0 1.2rem; color: var(--sc-muted); }
.scrw-fane-contact__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; }
.scrw-fane-contact__tile { display: flex; align-items: center; gap: .85rem; padding: 1rem 1.1rem; text-align: left; border: 1px solid var(--sc-border); border-radius: 14px; background: var(--sc-surface); color: var(--sc-text); text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.scrw-fane-contact__tile:hover { transform: translateY(-2px); border-color: rgba(186,11,11,.55); box-shadow: 0 10px 26px rgba(0,0,0,.16); }
.scrw-fane-contact__icon { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(186,11,11,.12); color: var(--sc-red, #BA0B0B); }
.scrw-fane-contact__text { display: flex; flex-direction: column; min-width: 0; }
.scrw-fane-contact__label { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--sc-muted); }
.scrw-fane-contact__value { font-weight: 600; font-size: .98rem; overflow-wrap: anywhere; }
@media (max-width: 760px) { .scrw-fane-contact__grid { grid-template-columns: 1fr; } }
.scrw-cat__head { max-width: 64ch; margin-bottom: 1.6rem; }
.scrw-cat__head h2 { margin: .2rem 0 .5rem; }
/* FANE contact tiles now replace the social buttons: no divider, 2 x 2 grid */
.scrw-fane-contact { margin-top: .4rem; padding-top: 0; border-top: 0; }
.scrw-fane-contact__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.scrw-fane-contact__tile--wa .scrw-fane-contact__icon { background: rgba(37,211,102,.14); color: #25D366; }
@media (max-width: 640px) { .scrw-fane-contact__grid { grid-template-columns: 1fr; } }