/* ==========================================================================
   Pabiar - Landing Sayfaları (Aşama 6)

   Bu dosya YALNIZCA 4 custom page template'te enqueue edilir:
   page-shopify.php, page-shopify-paketleri.php,
   page-amazon-usa.php, page-amazon-usa-paketleri.php
   (bkz. inc/enqueue.php).

   Kurallar mümkün olduğunca page-specific root class'lar altında
   scope edilmiştir: .pabiar-platform-page (Shopify/Amazon ana landing)
   ve .pabiar-packages-page (Paketleri karşılaştırma sayfaları).

   detail-shared.css, package-detail.css, home-*.css içindeki MEVCUT
   kurallara bu dosyada dokunulmadı - yalnızca yeni, ek seçiciler.
   ========================================================================== */

/* ==========================================================================
   Amazon USA Landing Hero - H1 içinde yalnızca "Amazon USA" alt dizesi
   (Aşama 6.1.2). Yalnızca page-amazon-usa.php tarafından, kontrollü
   şekilde inşa edilen title_html içinde kullanılır; Shopify landing,
   paket detay ve diğer sayfalar bu sınıfı hiç üretmez.
   ========================================================================== */
.pabiar-amazon-title-accent {
	color: #FF9900;
}

/* ==========================================================================
   Platform Logosu (page-hero içinde) - paket detay hero'sundaki
   .pabiar-platform-logo'dan BAĞIMSIZ bir tanım (o dosya - package-detail.css -
   yalnızca single-package'de yüklenir, burada asla çakışmaz).
   ========================================================================== */
.pabiar-page-hero .pabiar-platform-logo {
	display: inline-block;
	margin-bottom: 18px;
	padding-bottom: 8px;
	border-bottom: 2px solid rgba(247, 248, 250, 0.18);
}

.pabiar-page-hero .pabiar-platform-logo--amazon {
	border-bottom-color: rgba(255, 153, 0, 0.4);
}

.pabiar-page-hero .pabiar-platform-logo--shopify {
	border-bottom-color: rgba(0, 184, 122, 0.4);
}

.pabiar-page-hero .pabiar-platform-logo__img {
	max-height: 30px;
	width: auto;
	display: block;
}

/* ==========================================================================
   Hero Görseli (Aşama 6 - opsiyonel) - görsel varsa 2 kolon, yoksa mevcut
   tek kolon hero (detail-shared.css'teki .pabiar-page-hero__inner) hiç
   değişmeden çalışmaya devam eder.
   ========================================================================== */
.pabiar-page-hero--with-image .pabiar-page-hero__inner {
	max-width: none;
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	align-items: center;
}

@media (min-width: 900px) {
	.pabiar-page-hero--with-image .pabiar-page-hero__inner {
		grid-template-columns: 1.05fr 0.95fr;
		gap: 56px;
	}
}

.pabiar-page-hero__content {
	min-width: 0; /* grid/flex içinde metin taşmasını önler */
}

.pabiar-page-hero__media {
	border-radius: var(--pabiar-radius);
	overflow: hidden;
	box-shadow: var(--pabiar-shadow-strong);
	aspect-ratio: 4 / 3;
}

.pabiar-page-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-width: 640px) {
	.pabiar-page-hero__media {
		aspect-ratio: 16 / 10;
	}
}

/* ==========================================================================
   Öne Çıkan Bölümler (image-text-section.php reuse) içindeki CTA butonu -
   yalnızca landing sayfalarında (.pabiar-platform-page), package detay
   sayfasını etkilemez.
   ========================================================================== */
.pabiar-platform-page .pabiar-image-text__body .pabiar-feature-cta {
	display: inline-flex;
	margin-top: 6px;
}

/* ==========================================================================
   Paket Grid'inin Altındaki "Tüm Paketleri Gör" Linki
   ========================================================================== */
.pabiar-platform-page__more {
	text-align: center;
	margin: 32px 0 0;
}

/* ==========================================================================
   Paketler Karşılaştırma Sayfaları (.pabiar-packages-page) - "Paket Seçim
   Rehberi" alt başlığı biraz daha kompakt.
   ========================================================================== */
.pabiar-packages-page .pabiar-package-page-intro {
	margin-top: 40px;
}

.pabiar-packages-page .pabiar-package-page-intro .pabiar-section-heading {
	font-size: 1.4rem;
	margin-bottom: 16px;
}

/* ==========================================================================
   Responsive güvenlik: uzun kelime/URL taşması
   ========================================================================== */
.pabiar-platform-page .pabiar-page-hero__description,
.pabiar-packages-page .pabiar-package-page-intro {
	overflow-wrap: break-word;
	word-break: break-word;
}

/* ==========================================================================
   Aşama 6.3 — Ortak Paketler Landing Page sistemi
   Shopify ve Amazon aynı bilgi mimarisini kullanır; yalnızca platform rengi,
   içerik ve veriler değişir.
   ========================================================================== */
.pabiar-packages-page .pabiar-page-hero--with-image .pabiar-page-hero__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.pabiar-packages-page .pabiar-page-hero__media{aspect-ratio:16/9;border-radius:0;box-shadow:none;position:relative}
.pabiar-packages-page .pabiar-page-hero__media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#06182e 0%,rgba(6,24,46,.78) 12%,rgba(6,24,46,.18) 38%,transparent 62%);pointer-events:none}
.pabiar-packages-page .pabiar-page-hero__img{position:relative;z-index:0}
.pabiar-section-lead{max-width:720px;margin:0 0 34px}.pabiar-section-lead--center{text-align:center;margin:0 auto 38px}.pabiar-section-lead h2,.pabiar-package-fit h2,.pabiar-exclusion-card h2{font-size:clamp(1.75rem,3vw,2.45rem);margin:4px 0 12px;color:var(--pabiar-navy)}.pabiar-section-lead p,.pabiar-package-fit p,.pabiar-exclusion-card p{color:#526174;line-height:1.7}.pabiar-section-kicker{font-size:.76rem!important;font-weight:800;letter-spacing:.14em;margin:0!important}.pabiar-packages-page--shopify .pabiar-section-kicker{color:#008060}.pabiar-packages-page--amazon .pabiar-section-kicker{color:#d97706}
.pabiar-package-comparison{scroll-margin-top:90px}.pabiar-comparison-scroll{overflow-x:auto;border:1px solid #e4e9ef;border-radius:16px;background:#fff;box-shadow:0 14px 40px rgba(6,24,46,.06)}.pabiar-comparison-table{width:100%;min-width:850px;border-collapse:collapse}.pabiar-comparison-table th,.pabiar-comparison-table td{padding:15px 18px;border-bottom:1px solid #edf0f3;text-align:center;color:#445267}.pabiar-comparison-table th:first-child,.pabiar-comparison-table tbody th{text-align:left;color:#0b1f36;font-weight:700}.pabiar-comparison-table thead th{background:#f7f9fb;color:#06182e;font-size:1rem}.pabiar-packages-page--shopify .pabiar-comparison-table thead th:not(:first-child){border-top:3px solid #008060}.pabiar-packages-page--amazon .pabiar-comparison-table thead th:not(:first-child){border-top:3px solid #ff9900}.pabiar-comparison-table tfoot td{padding:20px 12px;border-bottom:0}.pabiar-comparison-table tfoot .pabiar-btn{white-space:nowrap;padding:11px 15px}.pabiar-comparison-note{font-size:.84rem;color:#64748b;margin-top:12px}
.pabiar-package-fit{background:#eef6fb}.pabiar-package-fit__layout{display:block}.pabiar-package-fit__layout--image{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:52px;align-items:center}.pabiar-package-fit__cards{display:grid;gap:12px;margin-top:24px}.pabiar-fit-card{padding:20px 22px;background:#fff;border:1px solid #dfe7ee;border-radius:13px}.pabiar-fit-card--featured{border-width:2px}.pabiar-packages-page--shopify .pabiar-fit-card--featured{border-color:#95bf47}.pabiar-packages-page--amazon .pabiar-fit-card--featured{border-color:#ff9900}.pabiar-fit-card h3{margin:0 0 5px;color:#06182e}.pabiar-fit-card strong{display:block;color:#22364d;margin-bottom:5px}.pabiar-fit-card p{font-size:.92rem;margin:0 0 8px}.pabiar-fit-card a{font-weight:800;text-decoration:none}.pabiar-packages-page--shopify .pabiar-fit-card a{color:#008060}.pabiar-packages-page--amazon .pabiar-fit-card a{color:#c56f00}.pabiar-package-fit__media{aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px rgba(6,24,46,.14)}.pabiar-package-fit__img{width:100%;height:100%;object-fit:cover;display:block}
.pabiar-common-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pabiar-common-grid article{position:relative;padding:24px;border:1px solid #e5eaf0;border-radius:14px;background:#fff}.pabiar-common-grid article>span{font-weight:900}.pabiar-packages-page--shopify .pabiar-common-grid article>span{color:#008060}.pabiar-packages-page--amazon .pabiar-common-grid article>span{color:#ff9900}.pabiar-common-grid h3{margin:9px 0 6px;color:#06182e}.pabiar-common-grid p{margin:0;color:#64748b;line-height:1.6;font-size:.92rem}
.pabiar-packages-exclusions{background:#faf7f1}.pabiar-exclusion-card{max-width:930px;margin:auto;background:#fff;border:1px solid #eadfce;border-top:3px solid #f0a13a;border-radius:15px;padding:32px 36px;box-shadow:0 12px 35px rgba(6,24,46,.05)}.pabiar-packages-page--shopify .pabiar-packages-exclusions{background:#f2f8f5}.pabiar-packages-page--shopify .pabiar-exclusion-card{border-color:#cfe6d9;border-top-color:#008060}.pabiar-packages-page--amazon .pabiar-packages-exclusions{background:#faf7f1}.pabiar-packages-page--amazon .pabiar-exclusion-card{border-color:#eadfce;border-top-color:#f0a13a}
.pabiar-landing-process{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.pabiar-landing-process li{position:relative;text-align:center;padding:0 12px}.pabiar-landing-process li:after{content:"";position:absolute;top:19px;left:62%;right:-38%;height:1px;background:#d5dde6}.pabiar-landing-process li:last-child:after{display:none}.pabiar-landing-process span{position:relative;z-index:1;display:flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 12px;background:#06182e;color:#fff;font-size:.75rem;font-weight:800}.pabiar-landing-process strong{display:block;color:#12263e;font-size:.9rem}.pabiar-packages-page--shopify .pabiar-landing-process span{box-shadow:inset 0 0 0 2px #95bf47}.pabiar-packages-page--amazon .pabiar-landing-process span{box-shadow:inset 0 0 0 2px #ff9900}
.pabiar-packages-faq{background:#f7f9fb}.pabiar-landing-faq{max-width:900px;margin:auto;border-top:1px solid #dfe5eb}.pabiar-landing-faq details{border-bottom:1px solid #dfe5eb;background:#fff}.pabiar-landing-faq summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:700;color:#0b1f36;display:flex;justify-content:space-between}.pabiar-landing-faq summary::-webkit-details-marker{display:none}.pabiar-landing-faq summary:after{content:"+";font-size:1.2rem}.pabiar-landing-faq details[open] summary:after{content:"−"}.pabiar-landing-faq details p{margin:0;padding:0 20px 20px;color:#5b6878;line-height:1.65}
.pabiar-packages-page--shopify .pabiar-package-card--featured{border-color:#95bf47}.pabiar-packages-page--shopify .pabiar-package-card__badge{background:#eaf5dc;color:#4b6f13}.pabiar-packages-page--shopify .pabiar-package-card--featured .pabiar-package-card__cta{background:#008060;border-color:#008060}.pabiar-packages-page--shopify .pabiar-package-card--featured .pabiar-package-card__cta:hover{background:#006e52;border-color:#006e52}
@media(max-width:900px){.pabiar-package-fit__layout--image{grid-template-columns:1fr}.pabiar-common-grid{grid-template-columns:repeat(2,1fr)}.pabiar-landing-process{grid-template-columns:1fr;gap:14px}.pabiar-landing-process li{text-align:left;display:flex;align-items:center;gap:14px;padding:0}.pabiar-landing-process li:after{display:none}.pabiar-landing-process span{margin:0;flex:0 0 40px}}
@media(max-width:640px){.pabiar-common-grid{grid-template-columns:1fr}.pabiar-exclusion-card{padding:25px 22px}.pabiar-packages-page .pabiar-page-hero__media{aspect-ratio:16/9}.pabiar-packages-page .pabiar-page-hero__media:before{background:linear-gradient(180deg,rgba(6,24,46,.08),rgba(6,24,46,.25))}}

/* Stage 6.3.3 - Package landing hero: remove excess navy space above/below image on desktop. */
@media (min-width: 900px) {
  .pabiar-packages-page .pabiar-page-hero--with-image {
    padding-block: 0;
  }
  .pabiar-packages-page .pabiar-page-hero--with-image .pabiar-page-hero__inner {
    align-items: center;
  }
  .pabiar-packages-page .pabiar-page-hero--with-image .pabiar-page-hero__media {
    align-self: stretch;
  }
}

/* ==========================================================================
   Stage 6.3.4 — Shopify / Amazon ana hizmet landing sayfaları
   - Hero görseli kart görünümünden çıkarılıp lacivert zeminle gradient olarak
     bütünleştirilir.
   - Amazon ek hizmet CTA'ları Amazon turuncusuna çekilir.
   ========================================================================== */
.pabiar-platform-page .pabiar-page-hero--with-image .pabiar-page-hero__inner {
	max-width: none;
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: 0;
	align-items: stretch;
}

.pabiar-platform-page .pabiar-page-hero--with-image .pabiar-page-hero__content {
	position: relative;
	z-index: 2;
	align-self: center;
	padding-block: clamp(64px, 7vw, 92px);
	padding-right: clamp(28px, 4vw, 58px);
}

.pabiar-platform-page .pabiar-page-hero--with-image .pabiar-page-hero__media {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
	align-self: stretch;
}

.pabiar-platform-page .pabiar-page-hero--with-image .pabiar-page-hero__media::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		90deg,
		#06182e 0%,
		rgba(6, 24, 46, .9) 7%,
		rgba(6, 24, 46, .58) 19%,
		rgba(6, 24, 46, .18) 38%,
		transparent 58%
	);
	pointer-events: none;
}

.pabiar-platform-page .pabiar-page-hero--with-image .pabiar-page-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (min-width: 900px) {
	.pabiar-platform-page .pabiar-page-hero--with-image {
		padding-block: 0;
	}
}

@media (max-width: 899px) {
	.pabiar-platform-page .pabiar-page-hero--with-image .pabiar-page-hero__inner {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.pabiar-platform-page .pabiar-page-hero--with-image .pabiar-page-hero__content {
		padding-right: 0;
		padding-bottom: 36px;
	}
	.pabiar-platform-page .pabiar-page-hero--with-image .pabiar-page-hero__media::before {
		background: linear-gradient(180deg, rgba(6,24,46,.18), rgba(6,24,46,.34));
	}
}

/* Amazon USA ana sayfa — ek hizmet kart CTA'ları.
 * Kartlar platform turuncusuna boyanmak yerine Pabiar marka dilini korur. */
.pabiar-platform-page--amazon .pabiar-addons .pabiar-service-tile .pabiar-btn {
	background: #ffffff;
	border-color: #d7e1ee;
	color: #126bff;
	font-weight: 800;
}

.pabiar-platform-page--amazon .pabiar-addons .pabiar-service-tile .pabiar-btn:hover,
.pabiar-platform-page--amazon .pabiar-addons .pabiar-service-tile .pabiar-btn:focus-visible {
	background: #126bff;
	border-color: #126bff;
	color: #ffffff;
}

/* Stage 6.7.1 — Package landing hero mobile stack fix.
   Desktop iki kolon korunur; tablet/mobilde içerik üstte, görsel altta tam genişlik. */
@media (max-width: 899px) {
	.pabiar-packages-page .pabiar-page-hero--with-image .pabiar-page-hero__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
		align-items: start;
	}
	.pabiar-packages-page .pabiar-page-hero--with-image .pabiar-page-hero__content,
	.pabiar-packages-page .pabiar-page-hero--with-image .pabiar-page-hero__media {
		width: 100%;
		min-width: 0;
		grid-column: 1 / -1;
	}
	.pabiar-packages-page .pabiar-page-hero--with-image .pabiar-page-hero__content { grid-row: 1; }
	.pabiar-packages-page .pabiar-page-hero--with-image .pabiar-page-hero__media { grid-row: 2; }
	.pabiar-packages-page .pabiar-page-hero__description { max-width: none; }
}