/*
 * Export type: client-safe CSS variables
 * Workspace: Antalya Artı Premium Bordo (#2)
 * Slug: antalya-arti-premium-bordo
 * Updated at: 2026-06-16
 * Safety: client-safe theme variables only.
 */

:root {
  --brand: #7A1E2C;
  --brand-dark: #5E1420;
  --brand-2: #A83246;

  --pcms-theme-palette: antalya-arti-premium-bordo;
  --pcms-hero-type: wide-premium;
  --pcms-footer-type: corporate-rich;
  --pcms-card-type: soft-shadow-card;
  --pcms-layout-type: corporate-premium;
  --pcms-button-style: rounded-strong;

  --pcms-header-bg: #ffffff;
  --pcms-header-nav-bg: #ffffff;
  --pcms-header-nav-border: #E8DED6;
  --pcms-header-active-bg: #F9EEF1;
  --pcms-header-call-bg: #7A1E2C;
  --pcms-header-whatsapp-bg: #16a34a;

  --pcms-hero-gradient-start: #2B0B12;
  --pcms-hero-gradient-end: #7A1E2C;
  --pcms-surface-soft: #FAF7F3;
  --pcms-border-soft: #E8DED6;

  --radius: 32px;
  --radius-soft: 22px;
  --shadow: 0 26px 70px rgba(122, 30, 44, .18);
  --shadow-soft: 0 16px 38px rgba(122, 30, 44, .12);
  --shadow-action-orange: 0 18px 34px rgba(201, 152, 69, .22);
  --shadow-action-green: 0 18px 34px rgba(22, 163, 74, .20);
}

/*
 * Antalya Artı premium bordo polish
 * Bu alan sadece public tema değişkenlerini destekleyen görsel katmandır.
 */

body {
  background: var(--pcms-surface-soft);
}

.primary-action,
.hero-actions .primary-action,
.wide-cta .primary-action {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  border-color: var(--brand);
  box-shadow: var(--shadow-soft);
}

.primary-action:hover,
.hero-actions .primary-action:hover,
.wide-cta .primary-action:hover {
  background: linear-gradient(135deg, var(--brand-dark), #420D16);
  transform: translateY(-1px);
}

.secondary-action,
.hero-actions .secondary-action {
  border-color: rgba(122, 30, 44, .28);
  color: var(--brand-dark);
  background: rgba(255, 255, 255, .92);
}

.secondary-action:hover,
.hero-actions .secondary-action:hover {
  border-color: rgba(122, 30, 44, .42);
  background: #FFF7F8;
}

.hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(168, 50, 70, .20), transparent 32%),
    linear-gradient(135deg, var(--pcms-hero-gradient-start), var(--pcms-hero-gradient-end));
}

.hero-badge,
.accent,
.footer-trust-badge {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .22);
}

.card,
.home-mini-guide-card,
.home-seo-info-card,
.home-seo-side-card,
.home-seo-secondary-article {
  border-color: var(--pcms-border-soft);
  box-shadow: var(--shadow-soft);
}

.card:hover,
.home-mini-guide-card:hover,
.home-seo-info-card:hover,
.home-seo-side-card:hover {
  border-color: rgba(122, 30, 44, .24);
  box-shadow: var(--shadow);
}

.plus13-public-nav a:hover,
.plus13-public-nav a.active {
  background: var(--pcms-header-active-bg);
  color: var(--brand-dark);
}

.footer-contact-cta,
.wide-cta {
  background:
    radial-gradient(circle at 12% 18%, rgba(201, 152, 69, .16), transparent 34%),
    linear-gradient(135deg, #2B0B12, #7A1E2C);
}

/* ==========================================================================
   Antalya Artı Premium Bordo v2 — Strong Visual Override
   Hedef: Hero, CTA, Footer, Header/Nav ve ana aksiyon alanlarında görünür dönüşüm.
   ========================================================================== */

:root {
  --arti-bordo: #7A1E2C;
  --arti-bordo-dark: #4A0E19;
  --arti-bordo-deep: #2B0B12;
  --arti-bordo-soft: #A83246;
  --arti-cream: #FAF7F3;
  --arti-cream-2: #FFF7F8;
  --arti-gold: #C99845;
  --arti-graphite: #1F2933;
}

/* GENEL ARKA PLAN */
body {
  background: var(--arti-cream) !important;
}

/* HEADER / NAV */
.plus13-public-header,
header.plus13-public-header {
  background: rgba(255, 255, 255, .96) !important;
  border-bottom: 1px solid rgba(122, 30, 44, .14) !important;
  box-shadow: 0 12px 34px rgba(43, 11, 18, .07) !important;
}

.plus13-public-nav a {
  color: var(--arti-graphite) !important;
}

.plus13-public-nav a:hover,
.plus13-public-nav a.active,
.plus13-public-nav .active {
  background: rgba(122, 30, 44, .09) !important;
  color: var(--arti-bordo-dark) !important;
}

/* HERO ANA BLOK */
.hero {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(201, 152, 69, .22), transparent 28%),
    radial-gradient(circle at 84% 16%, rgba(168, 50, 70, .28), transparent 34%),
    linear-gradient(135deg, var(--arti-bordo-deep) 0%, var(--arti-bordo-dark) 42%, var(--arti-bordo) 100%) !important;
  color: #fff !important;
}

.hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(43, 11, 18, .72), rgba(122, 30, 44, .28)),
    radial-gradient(circle at 20% 90%, rgba(255, 255, 255, .10), transparent 34%) !important;
  z-index: 0 !important;
}

.hero-overlay {
  background:
    linear-gradient(135deg, rgba(43, 11, 18, .82), rgba(122, 30, 44, .54)) !important;
}

.hero-inner,
.hero-copy,
.hero .container {
  position: relative !important;
  z-index: 2 !important;
}

.hero h1,
.hero .hero-title,
.hero-copy h1 {
  color: #fff !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, .24) !important;
}

.hero p,
.hero-copy p,
.hero .lead,
.hero .hero-description {
  color: rgba(255, 255, 255, .88) !important;
}

/* HERO ROZET / TRUST */
.hero-badge,
.hero-trust-strip,
.hero .accent {
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(43, 11, 18, .18) !important;
  backdrop-filter: blur(10px) !important;
}

.hero-trust-strip strong,
.hero-trust-strip b,
.hero-badge strong,
.hero-badge b {
  color: #fff !important;
}

/* ANA CTA BUTONLAR */
.primary-action,
.hero-actions .primary-action,
.wide-cta .primary-action,
a.primary-action,
button.primary-action {
  background: linear-gradient(135deg, var(--arti-gold), #E5B85C) !important;
  color: #2B0B12 !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  box-shadow: 0 20px 42px rgba(201, 152, 69, .28) !important;
}

.primary-action:hover,
.hero-actions .primary-action:hover,
.wide-cta .primary-action:hover,
a.primary-action:hover,
button.primary-action:hover {
  background: linear-gradient(135deg, #E7BD66, var(--arti-gold)) !important;
  color: #2B0B12 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 24px 54px rgba(201, 152, 69, .34) !important;
}

.secondary-action,
.hero-actions .secondary-action,
a.secondary-action,
button.secondary-action {
  background: rgba(255, 255, 255, .10) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .30) !important;
  box-shadow: 0 16px 34px rgba(43, 11, 18, .16) !important;
}

.secondary-action:hover,
.hero-actions .secondary-action:hover,
a.secondary-action:hover,
button.secondary-action:hover {
  background: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .44) !important;
}

/* GENEL KARTLAR */
.card,
.cards .card,
.home-mini-guide-card,
.home-seo-info-card,
.home-seo-side-card,
.home-seo-secondary-article {
  background: #fff !important;
  border: 1px solid rgba(122, 30, 44, .12) !important;
  box-shadow: 0 18px 44px rgba(43, 11, 18, .08) !important;
}

.card:hover,
.cards .card:hover,
.home-mini-guide-card:hover,
.home-seo-info-card:hover,
.home-seo-side-card:hover,
.home-seo-secondary-article:hover {
  border-color: rgba(122, 30, 44, .28) !important;
  box-shadow: 0 26px 62px rgba(122, 30, 44, .16) !important;
}

/* WIDE CTA / SAYFA İÇİ BÜYÜK DAVET ALANLARI */
.wide-cta,
.footer-contact-cta,
section.wide-cta {
  background:
    radial-gradient(circle at 12% 18%, rgba(201, 152, 69, .22), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(255, 255, 255, .10), transparent 30%),
    linear-gradient(135deg, var(--arti-bordo-deep), var(--arti-bordo-dark) 48%, var(--arti-bordo)) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  box-shadow: 0 24px 70px rgba(43, 11, 18, .20) !important;
}

.wide-cta h2,
.wide-cta h3,
.wide-cta p,
.footer-contact-cta h2,
.footer-contact-cta h3,
.footer-contact-cta p {
  color: #fff !important;
}

.wide-cta-trust,
.footer-trust,
.footer-trust-badge {
  color: rgba(255, 255, 255, .88) !important;
}

/* FOOTER */
.footer,
footer.footer {
  background:
    radial-gradient(circle at 14% 12%, rgba(201, 152, 69, .13), transparent 30%),
    linear-gradient(135deg, #17060A, #2B0B12 48%, #4A0E19) !important;
  color: rgba(255, 255, 255, .86) !important;
}

.footer a,
.footer-links a,
.footer-brand,
.footer-brand p,
.footer-bottom,
.footer-contact-cta {
  color: rgba(255, 255, 255, .86) !important;
}

.footer h2,
.footer h3,
.footer h4,
.footer strong,
.footer-brand strong {
  color: #fff !important;
}

.footer a:hover,
.footer-links a:hover {
  color: var(--arti-gold) !important;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
}

/* MOBİLDE HERO VE CTA DAHA NET GÖRÜNSÜN */
@media (max-width: 768px) {
  .hero {
    background:
      radial-gradient(circle at 18% 10%, rgba(201, 152, 69, .20), transparent 30%),
      linear-gradient(160deg, var(--arti-bordo-deep), var(--arti-bordo-dark) 48%, var(--arti-bordo)) !important;
  }

  .hero-actions {
    gap: 10px !important;
  }

  .primary-action,
  .secondary-action {
    width: 100% !important;
    justify-content: center !important;
  }

  .wide-cta,
  .footer-contact-cta {
    background:
      linear-gradient(160deg, var(--arti-bordo-deep), var(--arti-bordo)) !important;
  }
}