/**
 * Gulf Models - Pristine Template
 *
 * Dark luxury aesthetic inspired by premium modeling agencies.
 * Features gold accents on dark backgrounds, elegant serif headings,
 * and refined transitions throughout.
 *
 * @package    Gulf_Models
 * @subpackage Gulf_Models/assets/css/templates
 * @since      1.0.0
 * @author     GameBird Agency
 */


/* ==========================================================================
   Custom Properties
   ========================================================================== */

:root {
	--gm-primary: #C2915F;
	--gm-primary-rgb: 194, 145, 95;
	--gm-primary-hover: #D4A46F;
	--gm-primary-dark: #A67951;
	--gm-secondary: #1a1a1a;
	--gm-accent: #A67951;
	--gm-body-bg: #0a0a0a;
	--gm-surface: #111111;
	--gm-surface-alt: #1a1a1a;
	--gm-text: #d4d4d4;
	--gm-text-muted: #8a8a8a;
	--gm-heading: #f5f5f5;
	--gm-border: #2a2a2a;
	--gm-border-light: #333333;
	--gm-heading-font: 'Playfair Display', 'Baskervville', Georgia, serif;
	--gm-body-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--gm-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}


/* ==========================================================================
   Base
   ========================================================================== */

body.gm-template-pristine {
	background-color: var(--gm-body-bg);
	color: var(--gm-text);
	font-family: var(--gm-body-font);
}

body.gm-template-pristine h1,
body.gm-template-pristine h2,
body.gm-template-pristine h3,
body.gm-template-pristine h4,
body.gm-template-pristine h5,
body.gm-template-pristine h6 {
	font-family: var(--gm-heading-font);
	color: var(--gm-heading);
	font-weight: 500;
}


/* ==========================================================================
   Header
   ========================================================================== */

body.gm-template-pristine .site-header {
	background-color: rgba(10, 10, 10, 0.9);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--gm-border);
}

body.gm-template-pristine .site-header.header-transparent {
	background-color: transparent;
	border-bottom-color: transparent;
}

body.gm-template-pristine .header-topbar {
	background-color: var(--gm-secondary);
	border-bottom: 1px solid var(--gm-border);
	color: var(--gm-text-muted);
}

body.gm-template-pristine .site-title a,
body.gm-template-pristine .primary-menu > li > a {
	color: var(--gm-heading);
}

body.gm-template-pristine .primary-menu > li > a:hover {
	color: var(--gm-primary);
}

body.gm-template-pristine .btn-header-cta {
	background-color: var(--gm-primary);
	color: #0a0a0a;
	border: 1px solid var(--gm-primary);
}

body.gm-template-pristine .btn-header-cta:hover {
	background-color: var(--gm-primary-hover);
}

body.gm-template-pristine .mobile-menu-toggle {
	color: var(--gm-heading);
}


/* ==========================================================================
   Hero
   ========================================================================== */

body.gm-template-pristine .hero-section--gradient {
	background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #111 100%);
}

body.gm-template-pristine .hero-section__overlay {
	background: linear-gradient(180deg, rgba(10, 10, 10, 0.5) 0%, rgba(10, 10, 10, 0.8) 100%);
}

body.gm-template-pristine .hero-section__title {
	font-family: var(--gm-heading-font);
	font-style: italic;
	color: #ffffff;
	letter-spacing: 0.02em;
}

body.gm-template-pristine .hero-section__subtitle {
	color: rgba(255, 255, 255, 0.75);
}

body.gm-template-pristine .hero-section__btn--primary {
	background-color: var(--gm-primary);
	color: #0a0a0a;
	border: 1px solid var(--gm-primary);
	transition: all var(--gm-transition);
}

body.gm-template-pristine .hero-section__btn--primary:hover {
	background-color: var(--gm-primary-hover);
}

body.gm-template-pristine .hero-section__btn--outline {
	background-color: transparent;
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.4);
	transition: all var(--gm-transition);
}

body.gm-template-pristine .hero-section__btn--outline:hover {
	border-color: var(--gm-primary);
	color: var(--gm-primary);
}


/* ==========================================================================
   Section Headers
   ========================================================================== */

body.gm-template-pristine .section-header__title {
	color: var(--gm-heading);
}

body.gm-template-pristine .section-header__subtitle {
	color: var(--gm-text-muted);
}


/* ==========================================================================
   Service Cards
   ========================================================================== */

body.gm-template-pristine .services-section {
	background-color: var(--gm-body-bg);
}

body.gm-template-pristine .service-card {
	background-color: var(--gm-surface);
	border: 1px solid var(--gm-border);
	transition: border-color var(--gm-transition), transform var(--gm-transition);
}

body.gm-template-pristine .service-card:hover {
	border-color: var(--gm-primary);
	transform: translateY(-4px);
}

body.gm-template-pristine .service-card__icon-wrap {
	color: var(--gm-primary);
}

body.gm-template-pristine .service-card__title {
	color: var(--gm-heading);
}

body.gm-template-pristine .service-card__description {
	color: var(--gm-text-muted);
}

body.gm-template-pristine .service-card__link {
	color: var(--gm-primary);
}


/* ==========================================================================
   Models Grid
   ========================================================================== */

body.gm-template-pristine .models-section {
	background-color: var(--gm-surface-alt);
}

body.gm-template-pristine .models-section__filter-btn {
	background-color: transparent;
	color: var(--gm-text-muted);
	border: 1px solid var(--gm-border);
	transition: all var(--gm-transition);
}

body.gm-template-pristine .models-section__filter-btn:hover,
body.gm-template-pristine .models-section__filter-btn--active {
	background-color: var(--gm-primary);
	color: #0a0a0a;
	border-color: var(--gm-primary);
}

body.gm-template-pristine .model-card {
	overflow: hidden;
	border: 1px solid var(--gm-border);
}

body.gm-template-pristine .model-card__overlay {
	background: linear-gradient(transparent 30%, rgba(10, 10, 10, 0.9));
}

body.gm-template-pristine .model-card__name {
	color: #ffffff;
	font-family: var(--gm-heading-font);
}

body.gm-template-pristine .model-card__category {
	color: var(--gm-primary);
}

body.gm-template-pristine .models-section__view-all {
	color: var(--gm-primary);
	border-bottom: 1px solid transparent;
	transition: border-color var(--gm-transition);
}

body.gm-template-pristine .models-section__view-all:hover {
	border-bottom-color: var(--gm-primary);
}


/* ==========================================================================
   Pricing Cards
   ========================================================================== */

body.gm-template-pristine .pricing-section {
	background-color: var(--gm-body-bg);
}

body.gm-template-pristine .pricing-card {
	background-color: var(--gm-surface);
	border: 1px solid var(--gm-border);
	transition: border-color var(--gm-transition);
}

body.gm-template-pristine .pricing-card:hover {
	border-color: var(--gm-border-light);
}

body.gm-template-pristine .pricing-card--featured {
	border-color: var(--gm-primary);
}

body.gm-template-pristine .pricing-card__badge {
	background-color: var(--gm-primary);
	color: #0a0a0a;
}

body.gm-template-pristine .pricing-card__name {
	color: var(--gm-heading);
}

body.gm-template-pristine .pricing-card__amount {
	color: var(--gm-heading);
}

body.gm-template-pristine .pricing-card__currency,
body.gm-template-pristine .pricing-card__duration {
	color: var(--gm-text-muted);
}

body.gm-template-pristine .pricing-card__feature {
	color: var(--gm-text);
	border-bottom-color: var(--gm-border);
}

body.gm-template-pristine .pricing-card__check-icon {
	color: var(--gm-primary);
}

body.gm-template-pristine .pricing-card__btn {
	background-color: transparent;
	color: var(--gm-heading);
	border: 1px solid var(--gm-border-light);
	transition: all var(--gm-transition);
}

body.gm-template-pristine .pricing-card__btn:hover {
	border-color: var(--gm-primary);
	color: var(--gm-primary);
}

body.gm-template-pristine .pricing-card__btn--primary {
	background-color: var(--gm-primary);
	color: #0a0a0a;
	border-color: var(--gm-primary);
}

body.gm-template-pristine .pricing-card__btn--primary:hover {
	background-color: var(--gm-primary-hover);
}


/* ==========================================================================
   Testimonials
   ========================================================================== */

body.gm-template-pristine .testimonials-section {
	background-color: var(--gm-surface-alt);
}

body.gm-template-pristine .testimonial-card {
	background-color: var(--gm-surface);
	border: 1px solid var(--gm-border);
}

body.gm-template-pristine .testimonial-card__star--filled {
	color: var(--gm-primary);
}

body.gm-template-pristine .testimonial-card__quote p {
	color: var(--gm-text);
}

body.gm-template-pristine .testimonial-card__name {
	color: var(--gm-heading);
}

body.gm-template-pristine .testimonial-card__role {
	color: var(--gm-text-muted);
}

body.gm-template-pristine .testimonial-card__avatar {
	background-color: var(--gm-primary);
	color: #0a0a0a;
}


/* ==========================================================================
   CTA, FAQ, Footer, Misc
   ========================================================================== */

body.gm-template-pristine .cta-section--gradient {
	background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
}

body.gm-template-pristine .cta-section__btn {
	background-color: var(--gm-primary);
	color: #0a0a0a;
	transition: background-color var(--gm-transition);
}

body.gm-template-pristine .cta-section__btn:hover {
	background-color: var(--gm-primary-hover);
}

body.gm-template-pristine .faq-section {
	background-color: var(--gm-body-bg);
}

body.gm-template-pristine .faq-item {
	border-bottom: 1px solid var(--gm-border);
}

body.gm-template-pristine .faq-item__question {
	color: var(--gm-heading);
}

body.gm-template-pristine .faq-item__answer p {
	color: var(--gm-text-muted);
}

body.gm-template-pristine .site-footer {
	background-color: var(--gm-secondary);
	border-top: 1px solid var(--gm-border);
	color: var(--gm-text-muted);
}

body.gm-template-pristine .site-footer .widget-title {
	color: var(--gm-primary);
}

body.gm-template-pristine .site-footer a {
	color: var(--gm-text-muted);
	transition: color var(--gm-transition);
}

body.gm-template-pristine .site-footer a:hover {
	color: var(--gm-primary);
}

body.gm-template-pristine .mobile-nav-overlay {
	background-color: rgba(10, 10, 10, 0.6);
}

body.gm-template-pristine .mobile-nav-panel {
	background-color: var(--gm-surface);
	color: var(--gm-text);
}

body.gm-template-pristine .mobile-menu > li > a {
	color: var(--gm-heading);
	border-bottom: 1px solid var(--gm-border);
}

body.gm-template-pristine .back-to-top {
	background-color: var(--gm-primary);
	color: #0a0a0a;
}

body.gm-template-pristine .model-details-card {
	background-color: var(--gm-surface);
	border: 1px solid var(--gm-border);
}

body.gm-template-pristine .page-header {
	background-color: var(--gm-surface-alt);
}

body.gm-template-pristine .page-header__title {
	color: var(--gm-heading);
}

body.gm-template-pristine .btn--primary {
	background-color: var(--gm-primary);
	color: #0a0a0a;
}

body.gm-template-pristine .btn--primary:hover {
	background-color: var(--gm-primary-hover);
}

body.gm-template-pristine .btn--outline {
	border-color: var(--gm-border-light);
	color: var(--gm-heading);
}

body.gm-template-pristine .btn--outline:hover {
	border-color: var(--gm-primary);
	color: var(--gm-primary);
}

body.gm-template-pristine ::selection {
	background-color: var(--gm-primary);
	color: #0a0a0a;
}