/* Brand theme overrides for legacy pages (dark + glass + logo-blue) */

:root {
  --brand-orange: #0b3e59; /* logo blue */
  --brand-dark: #061821; /* deep navy */
  --brand-gray: #0b2230; /* navy surface */
}

body {
  background: var(--brand-dark) !important;
  color: #fff !important;
}

/* Tailwind-page button primitives (avoid missing CDN utilities) */
.brand-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 10px;
  font-weight: 800;
  letter-spacing: -0.01em;
  text-decoration: none !important;
  transition: transform .15s ease, filter .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

/* Utility overrides for inline use (simple) */
.brand-btn.\!px-4 { padding-left: 16px !important; padding-right: 16px !important; }
.brand-btn.\!py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.brand-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(11, 62, 89, 0.28);
}
.brand-btn:hover { transform: translateY(-1px); }

.brand-btn-primary {
  background: var(--brand-orange);
  color: #fff !important;
  border: 1px solid rgba(11,62,89,0.65);
  box-shadow: 0 18px 50px rgba(11, 62, 89, 0.35);
}
.brand-btn-primary:hover { filter: brightness(0.95); }

.brand-btn-glass {
  background: rgba(11,62,89,0.14);
  color: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(11,62,89,0.55);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}
.brand-btn-glass:hover {
  background: rgba(11,62,89,0.20);
  border-color: rgba(11,62,89,0.80);
}

/* Make legacy pages follow the same rhythm as the Tailwind homepage */
.page-hero {
  padding-top: 8rem !important;
  padding-bottom: 5rem !important;
}

.page-hero .container {
  max-width: 1280px;
}

.page-hero h1 {
  font-size: clamp(2.6rem, 5vw, 4.25rem) !important; /* similar to text-5xl..7xl */
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  font-weight: 800 !important;
}

.section-title {
  font-size: clamp(2.2rem, 3.5vw, 3.25rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  font-weight: 800 !important;
}

.section-subtitle {
  font-size: 1.125rem !important;
}

/* Layout containers */
.container {
  max-width: 1280px;
  padding-left: 16px;
  padding-right: 16px;
}

/* Typography + section headers */
.section-header,
.hero-content {
  color: #fff;
}

.section-title,
.page-hero h1,
.hero-content h1 {
  color: #fff !important;
}

.section-subtitle,
.page-hero p,
.hero-content p {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* Hero blocks */
.page-hero {
  background: radial-gradient(circle at 50% 40%, rgba(11, 62, 89, 0.22) 0%, transparent 70%);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* Cards (blog posts, service cards, packages, generic boxes) */
.post-card,
.service-card,
.package-card,
.pkg-card,
.type-card,
.profile-card,
.step-card,
.process-step,
.pricing-card,
.comparison-card,
.coverage-card,
.experience-card,
.setup-card,
.value-card,
.sector-card,
.timeline-item,
.team-member,
.location-card,
.faq-item,
.testimonial-card,
.team-section,
.values-section,
.testimonials-section,
.testimonial-section,
.pricing-section,
.detail-section,
.service-overview,
.studio-overview,
.portfolio-gallery,
.contact-form,
.sidebar-card,
.glass {
  background: rgba(11, 62, 89, 0.16) !important; /* stronger blue glass */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(11, 62, 89, 0.35) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

.post-content,
.package-description,
.service-card p,
.faq-item p,
.contact-form p,
.blog-content p,
.blog-content li {
  color: rgba(255,255,255,0.72) !important;
}

/* Images inside cards */
.post-image img,
.hero-image-item img,
.portfolio-item img,
.service-image img {
  filter: saturate(1.05) contrast(1.02);
}

/* Buttons */
.btn,
.package-btn,
.read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 10px !important; /* slightly softer rounded */
  border: 1px solid rgba(11,62,89,0.55) !important;
  background: rgba(11,62,89,0.10) !important;
  color: rgba(255,255,255,0.92) !important;
  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, filter .15s ease;
}

.btn:hover,
.package-btn:hover,
.read-more:hover {
  transform: translateY(-1px);
  background: rgba(11,62,89,0.18) !important;
  border-color: rgba(11,62,89,0.75) !important;
}

.btn-primary,
.package-btn.primary {
  background: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
  color: #fff !important;
  font-weight: 800;
  box-shadow: 0 18px 50px rgba(11,62,89,0.35);
}

/* Ensure legacy CTAs match the template sizing */
.btn,
.package-btn {
  padding: 14px 24px !important;
  font-weight: 800 !important;
}

.btn-primary:hover,
.package-btn.primary:hover {
  filter: brightness(0.94);
}

.btn-secondary {
  background: transparent !important;
  border-color: rgba(11,62,89,0.75) !important;
  color: rgba(255,255,255,0.92) !important;
}

.btn-secondary:hover {
  background: rgba(11,62,89,0.18) !important;
  border-color: rgba(11,62,89,0.95) !important;
  transform: translateY(-1px);
}

/* Badges */
.package-badge,
.badge,
.pill {
  background: rgba(11, 62, 89, 0.22) !important;
  border: 1px solid rgba(11, 62, 89, 0.48) !important;
  color: #fff !important;
}

/* Forms */
input, textarea, select {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.92) !important;
}

input::placeholder, textarea::placeholder {
  color: rgba(255,255,255,0.45) !important;
}

input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: rgba(11, 62, 89, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(11, 62, 89, 0.22) !important;
}

/* Links inside content */
.blog-content a,
.service-card a,
.post-card a {
  color: rgba(255,255,255,0.92);
}

.blog-content a:hover,
.service-card a:hover,
.post-card a:hover {
  color: var(--brand-orange);
}

/* Blog index card link safety (avoid legacy link color overrides) */
.glass a { color: rgba(255,255,255,0.92) !important; }
.glass a:hover { color: var(--brand-orange) !important; }

/* --- Ensure dropdown pages (About/Locations/Service detail pages) match brand --- */
/* Many legacy pages ship inline CSS with white/platinum section backgrounds and dark text.
   We override the common section wrappers here to keep everything dark/glass. */
.services-overview,
.process-section,
.pricing-preview,
.cta-section,
.service-types,
.for-whom,
.how-it-works,
.packages-section,
.testimonial-section,
.faq-section,
.locations-section,
.scarcity-section,
.wedding-style,
.why-suceava,
.services-suceava,
.suceava-locations,
.map-section,
.team-section,
.values-section,
.timeline-section,
.recommended-locations,
.coverage-overview,
.sectors-coverage,
.equipment-section,
.destination-weddings,
.romania-cities,
.europe-destinations,
.recent-shoots,
.local-testimonials,
.bucharest-details,
.about-story,
.contact-info-section,
.contact-form-section,
.contact-faq,
.featured-article,
.blog-post-header,
.blog-post-content,
.related-posts,
.back-to-blog {
  background: transparent !important;
  color: #fff !important;
}

.services-overview *,
.process-section *,
.pricing-preview *,
.cta-section *,
.service-types *,
.for-whom *,
.how-it-works *,
.packages-section *,
.testimonial-section *,
.faq-section *,
.locations-section *,
.scarcity-section *,
.wedding-style *,
.why-suceava *,
.services-suceava *,
.suceava-locations *,
.map-section *,
.contact-info-section *,
.contact-form-section *,
.contact-faq * {
  color: inherit;
}

/* Headings inside legacy sections */
.services-overview h1, .services-overview h2, .services-overview h3,
.process-section h1, .process-section h2, .process-section h3,
.pricing-preview h1, .pricing-preview h2, .pricing-preview h3,
.cta-section h1, .cta-section h2, .cta-section h3,
.packages-section h1, .packages-section h2, .packages-section h3,
.faq-section h1, .faq-section h2, .faq-section h3,
.locations-section h1, .locations-section h2, .locations-section h3,
.map-section h1, .map-section h2, .map-section h3 {
  color: rgba(255,255,255,0.95) !important;
}

/* Paragraphs/list text inside legacy sections */
.services-overview p, .services-overview li,
.process-section p, .process-section li,
.pricing-preview p, .pricing-preview li,
.cta-section p, .cta-section li,
.packages-section p, .packages-section li,
.faq-section p, .faq-section li,
.locations-section p, .locations-section li,
.map-section p, .map-section li {
  color: rgba(255,255,255,0.72) !important;
}

/* --- Static blog article pages (legacy templates) --- */
.blog-article { background: transparent !important; color: #fff !important; }

.article-hero {
  background: radial-gradient(circle at 50% 50%, rgba(11, 62, 89, 0.22) 0%, transparent 70%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  color: #fff !important;
  padding: 8rem 0 5rem !important;
}

.article-meta-top { color: rgba(255,255,255,0.65) !important; }
.article-category {
  background: rgba(11, 62, 89, 0.22) !important;
  border: 1px solid rgba(11, 62, 89, 0.48) !important;
  color: #fff !important;
}
.article-date, .article-read { color: rgba(255,255,255,0.65) !important; }

.article-hero h1 {
  color: rgba(255,255,255,0.95) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
}
.article-lead { color: rgba(255,255,255,0.72) !important; }

.article-body { background: transparent !important; padding: 4rem 0 6rem !important; }
.article-body .container { max-width: 1280px !important; }

/* Many articles use a content+sidebar grid */
.article-body .container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 48px !important;
  align-items: start !important;
}
@media (max-width: 1024px) {
  .article-body .container { grid-template-columns: 1fr !important; }
}

.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5 {
  color: rgba(255,255,255,0.95) !important;
}
.article-content p,
.article-content li,
.article-content td,
.article-content th,
.article-content em {
  color: rgba(255,255,255,0.72) !important;
}

.article-content a {
  color: rgba(255,255,255,0.92) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(11,62,89,.7) !important;
}
.article-content a:hover { color: var(--brand-orange) !important; }

/* Price tables / callout boxes frequently used */
.price-table,
.price-row,
.callout,
.article-box,
.checklist,
.tip-box,
.warning-box {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: rgba(255,255,255,0.85) !important;
}

.price-row.header {
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.92) !important;
}