/* =========================================================
   Galaxy Decors theme — black & gold, matched to the logo.
   Loaded after custom.css. Remove its <link> in header.php to revert.
   ========================================================= */
:root{
	--primary-color      : #0D0C0A;   /* logo black */
	--secondery-color    : #FAF5EA;   /* warm ivory */
	--text-color         : #3B342B;
	--accent-color       : #a76f06;   /* logo gold */
	--accent-light       : #F2D88E;
	--accent-dark        : #946B22;
	--divider-color      : #EDE3CD;
	--dark-divider-color : rgba(194,154,67,0.22);
	--gold-gradient      : linear-gradient(120deg, #946B22 0%, #D9B25A 35%, #F4DE96 50%, #C9A04A 70%, #8C6420 100%);
	--heading-font       : "Cinzel", Georgia, serif;
}

/* ---------- Typography: logo-style serif for headings ---------- */
.section-title h1,
.section-title h2,
.page-header-box h1,
.footer-links h3,
.footer-contact-item h3,
.contact-info-content h3{
	font-family: var(--heading-font);
	letter-spacing: 0.01em;
	font-weight: 700;
}
.section-title h2{ font-size: 42px; line-height: 1.2em; }
.section-title h1{ line-height: 1.15em; }
@media only screen and (max-width: 991px){
	.section-title h2{ font-size: 34px; }
}
@media only screen and (max-width: 767px){
	.section-title h2{ font-size: 26px; }
	.section-title h1{ font-size: 30px; }
}

/* Gold on highlighted heading words (solid gold: the heading animation splits
   letters into separate elements, which breaks gradient text clipping) */
.section-title h1 span,
.section-title h2 span{
	color: var(--accent-color);
}
.section-title.dark-section h2 span,
.hero-content .section-title h1 span{ color: var(--accent-light); }

/* small "→ About Us" sub-headings */
.section-title h3{
	color: var(--accent-dark);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 14px;
}
.section-title.dark-section h3,
.hero-content .section-title h3{ color: var(--accent-light); }

/* ---------- Buttons ---------- */
.btn-default{
	background: var(--gold-gradient);
	background-size: 160% 100%;
	color: var(--primary-color);
	letter-spacing: 0.02em;
}
.btn-default::before{ filter: brightness(0); }
.btn-default:hover{ color: var(--accent-light); }
.btn-default:hover::before{ filter: none; }
.btn-default.btn-highlighted{
	background: var(--primary-color);
	color: var(--accent-light);
	box-shadow: inset 0 0 0 1px var(--accent-color);
}
.btn-default.btn-highlighted::before{ filter: none; }
.btn-default.btn-highlighted:hover{ color: var(--primary-color); }
.btn-default.btn-highlighted:hover::before{ filter: brightness(0); }
.btn-default.btn-highlighted::after{ background: var(--gold-gradient); }

/* ---------- Header ---------- */
header.main-header .header-sticky.active{
	background: rgba(13,12,10,0.96);
	border-bottom: 1px solid var(--accent-color);
	box-shadow: 0 6px 24px rgba(0,0,0,0.35);
}
.main-menu ul li a:hover,
.main-menu ul li a:focus,
.main-menu ul li.active > a{ color: var(--accent-light); }

/* ---------- Hero: warm black overlay instead of teal ---------- */
.hero::before,
.hero.hero-slider-layout .hero-slide::before{
	background: linear-gradient(180deg, rgba(13,12,10,0.25) 0%, rgba(13,12,10,0.75) 85%);
}
.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active{
	background: var(--accent-color);
}

/* ---------- Sections ---------- */
.dark-section,
.main-footer{
	background-color: var(--primary-color);
}
.main-footer{
	border-top: 3px solid transparent;
	border-image: var(--gold-gradient) 1;
}
.main-footer a:hover,
.footer-links ul li a:hover{ color: var(--accent-light); }
.footer-copyright{ border-top: 1px solid var(--dark-divider-color); }

/* ---------- Misc accents ---------- */
::selection{ background: var(--accent-color); color: var(--primary-color); }

/* Footer contact icons in gold */
.footer-contact-item .icon-box{ border-color: var(--accent-color); }
.footer-contact-item .icon-box i{ color: var(--accent-light); }
.footer-contact-item:hover .icon-box{ background: var(--accent-color); }
.footer-contact-item:hover .icon-box i{ color: var(--primary-color); }