/* ============================================
   Dark Theme Override for All Pages
   ============================================ */

/* ---- Page Background ---- */
body {
  background: #0f172a;
}

/* ---- Hero Sections (all pages) ---- */
.hero,
.muhasebe-hero,
.pricing-hero {
  background: linear-gradient(160deg, #0f172a 0%, #0F172A 50%, #0f172a 100%) !important;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.hero-bg-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.hero-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.hero-bg-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(10, 14, 39, 0.7) 0%,
    rgba(17, 22, 64, 0.55) 40%,
    rgba(21, 27, 74, 0.45) 70%,
    rgba(10, 14, 39, 0.65) 100%
  );
  pointer-events: none;
}

.hero .container,
.muhasebe-hero .container,
.pricing-hero .container {
  position: relative;
  z-index: 2;
}

.hero-title,
.pricing-hero .hero-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
}

.hero-title .highlight,
.highlight {
  color: #60A5FA !important;
  -webkit-text-fill-color: #60A5FA !important;
}

.hero-description {
  color: rgba(255, 255, 255, 0.7) !important;
}

.hero-overlay {
  background: linear-gradient(160deg, rgba(15, 23, 42, 0.85), rgba(30, 41, 59, 0.8)) !important;
}

/* ---- Buttons ---- */
.btn-primary-large {
  background: #2563EB !important;
  color: #fff !important;
  border: none !important;
  padding: 0.875rem 2rem;
  border-radius: 0.75rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-primary-large:hover {
  background: #1E40AF !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
}

.btn-outline-large {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  padding: 0.875rem 2rem;
  border-radius: 0.75rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-outline-large:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* ---- Section Backgrounds ---- */
.company-types,
.features,
.features-section,
.support-types,
.incentives,
.success-stories,
.locations,
.services,
.plan-features-comparison,
.additional-info {
  background: #1e293b !important;
  color: #fff;
}

.process,
.pricing-cards {
  background: #0f172a !important;
  color: #fff;
}

.cta,
.cta-section {
  background: linear-gradient(160deg, #0F172A 0%, #0f172a 100%) !important;
}

/* ---- Section Headers ---- */
.section-title {
  color: #fff !important;
}

.section-description {
  color: rgba(255, 255, 255, 0.6) !important;
}

.section-header h2 {
  color: #fff !important;
}

.section-header p {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* ---- Cards ---- */
.type-card,
.feature-card,
.service-item,
.service-card,
.location-card,
.step,
.story-card,
.info-card {
  background: #0F172A !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #fff;
}

.type-card:hover,
.feature-card:hover,
.service-item:hover,
.service-card:hover,
.location-card:hover {
  border-color: rgba(37, 99, 235, 0.3) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

/* ---- Card Titles ---- */
.type-title,
.feature-title,
.service-title,
.location-name,
.step-title,
.info-card h3 {
  color: #fff !important;
}

/* ---- Card Descriptions ---- */
.type-description,
.feature-description,
.service-description,
.location-address,
.location-price,
.step-description,
.info-card p {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* ---- Type Features List ---- */
.type-features li {
  color: rgba(255, 255, 255, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.type-features li::before {
  color: #2563EB !important;
}

/* ---- Step Numbers ---- */
.step-number {
  background: #2563EB !important;
  color: #fff !important;
}

/* ---- Location Button ---- */
.location-btn {
  background: rgba(37, 99, 235, 0.15) !important;
  color: #60A5FA !important;
  border: 1px solid rgba(37, 99, 235, 0.3) !important;
}

.location-btn:hover {
  background: #2563EB !important;
  color: #fff !important;
}

/* ---- Location Icon Header ---- */
.location-icon-header {
  background: #2563EB !important;
}

/* ---- CTA Cards ---- */
.cta-card {
  background: #0F172A !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.cta-title,
.cta-card h2 {
  color: #fff !important;
}

.cta-description,
.cta-card p {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* ---- Pricing Page ---- */
.pricing-table-wrapper {
  background: #0F172A;
  border-radius: 1rem;
  overflow: hidden;
}

.pricing-table {
  color: #fff;
}

.pricing-table thead th {
  background: #0F172A !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.plan-type-header {
  color: rgba(255, 255, 255, 0.7) !important;
}

.plan-name {
  color: #fff !important;
}

.plan-desc {
  color: rgba(255, 255, 255, 0.5) !important;
}

.plan-header.plan-advanced {
  background: rgba(37, 99, 235, 0.1) !important;
}

.plan-badge {
  background: #2563EB !important;
  color: #fff !important;
}

.pricing-row td {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.company-type-name {
  color: #fff !important;
}

.company-type-desc {
  color: rgba(255, 255, 255, 0.5) !important;
}

.price-amount {
  color: #fff !important;
}

.price-currency {
  color: rgba(255, 255, 255, 0.5) !important;
}

.cell-advanced {
  background: rgba(37, 99, 235, 0.05) !important;
}

.btn-select-plan {
  background: rgba(37, 99, 235, 0.15) !important;
  color: #60A5FA !important;
  border: 1px solid rgba(37, 99, 235, 0.3) !important;
}

.btn-select-plan:hover,
.btn-select-plan.btn-advanced {
  background: #2563EB !important;
  color: #fff !important;
}

.billing-toggle {
  background: #0F172A !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.billing-tab {
  color: rgba(255, 255, 255, 0.6) !important;
  background: transparent !important;
}

.billing-tab.active {
  background: #2563EB !important;
  color: #fff !important;
}

/* ---- Plan Features ---- */
.plan-features-comparison {
  color: #fff;
}

.plan-features-comparison h3 {
  color: #fff !important;
}

.feature-col {
  background: #0F172A !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.feature-col h4 {
  color: #fff !important;
}

.feature-col li {
  color: rgba(255, 255, 255, 0.8) !important;
}

.feature-col li svg {
  stroke: #2563EB !important;
}

.feature-col-advanced {
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: rgba(37, 99, 235, 0.2) !important;
}

/* ---- Muhasebe Services Section (inline gradient override) ---- */
.services-section {
  background: #0F172A !important;
}

.services-section .section-header h2,
.services-section .section-header p {
  color: #fff !important;
}

.services-section .service-item {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.services-section .service-item h3 {
  color: #fff !important;
}

.services-section .service-item p {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* ---- Muhasebe Features ---- */
.features-section .section-header h2 {
  color: #fff !important;
}

.features-section .section-header p {
  color: rgba(255, 255, 255, 0.6) !important;
}

.features-section .feature-card h3 {
  color: #fff !important;
}

.features-section .feature-card p {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* ---- Feature Icon ---- */
.feature-icon {
  background: #2563EB !important;
}

/* ---- Sanal Ofis Services ---- */
.services .service-card {
  background: #0F172A !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.service-icon {
  background: #2563EB !important;
}

/* ---- Arrow Icon ---- */
.arrow-icon {
  stroke: #fff;
}

/* ---- Info Card (pricing) ---- */
.info-card {
  background: #0F172A !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.info-card .btn-primary {
  background: #2563EB !important;
  color: #fff !important;
}

.info-card .btn-ghost {
  color: rgba(255, 255, 255, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ---- Testimonials Section ---- */
.testimonials-section {
  background: #1e293b !important;
}

.testimonials-header h2 {
  color: #fff !important;
}

.testimonials-header p {
  color: rgba(255, 255, 255, 0.6) !important;
}

.testimonials-header .section-tag {
  background: rgba(37, 99, 235, 0.15) !important;
  color: #60A5FA !important;
}

.testimonials-header .highlight-blue,
.testimonials-header .highlight-blue-dark {
  color: #60A5FA !important;
}

.testimonial-card {
  background: #0F172A !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.testimonial-card:hover {
  border-color: rgba(37, 99, 235, 0.3) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3) !important;
}

.testimonial-text {
  color: rgba(255, 255, 255, 0.7) !important;
}

.testimonial-author {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.author-info h4 {
  color: #fff !important;
}

.author-info .author-title {
  color: rgba(255, 255, 255, 0.5) !important;
}

.author-info .author-company {
  color: #60A5FA !important;
}

.stars {
  color: #FBBF24 !important;
}

.quote-icon {
  color: rgba(255, 255, 255, 0.15) !important;
}

/* ---- Muhasebe Hero ---- */
.muhasebe-hero {
  min-height: 80vh;
  display: flex;
  align-items: center;
  padding: 4rem 0;
}

.muhasebe-hero .hero-title {
  color: #fff !important;
}

.muhasebe-hero .hero-description {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* ---- Features Section (muhasebe) ---- */
.features-section {
  padding: 5rem 0;
}

/* ---- Services Section ---- */
.services-section {
  padding: 5rem 0;
}

/* ---- CTA Section (muhasebe) ---- */
.cta-section .cta-card {
  background: #0F172A !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 1.25rem;
  padding: 3rem;
}

.cta-section .cta-card h2 {
  color: #fff !important;
}

.cta-section .cta-card p {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* ---- Top Header ---- */
.top-header {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* ---- Responsive fixes ---- */
@media (max-width: 768px) {
  .hero-title {
    font-size: 2rem !important;
  }

  .muhasebe-hero {
    min-height: 60vh;
  }
}