/* OTORIXA — Global public color discipline
   Purpose: remove yellow/orange noise from public pages and align index, location,
   category, forum, contact and detail pages under one corporate color system. */
:root{
  --otx-brand-ink:#06111f;
  --otx-brand-ink-2:#0a1a2f;
  --otx-brand-card:#0d2036;
  --otx-brand-card-2:#0a1729;
  --otx-brand-line:rgba(148,190,220,.16);
  --otx-brand-line-2:rgba(56,189,248,.28);
  --otx-brand-text:#f5fbff;
  --otx-brand-muted:#a9bbd1;
  --otx-brand-cyan:#38bdf8;
  --otx-brand-cyan-2:#67e8f9;
  --otx-brand-teal:#14b8a6;
  --otx-brand-emerald:#22c55e;
  --otx-brand-violet:#8b5cf6;
  --otx-brand-violet-2:#a78bfa;
  --otx-brand-blue:#2563eb;
  --otx-brand-danger:#fb7185;
  --otx-brand-warn:#38bdf8;
  --otx-accent:var(--otx-brand-cyan);
  --otx-accent-2:var(--otx-brand-teal);
  --otx-accent-3:var(--otx-brand-violet);
  --otx-ai:var(--otx-brand-violet);
  --otx-ai-2:var(--otx-brand-violet-2);
  --gold:var(--otx-brand-cyan)!important;
  --gold-2:var(--otx-brand-teal)!important;
  --gold-bright:var(--otx-brand-cyan-2)!important;
  --otx-vitrine-gold:var(--otx-brand-cyan)!important;
  --otx-vitrine-gold-soft:var(--otx-brand-cyan-2)!important;
  --otx-nav-gold:var(--otx-brand-cyan)!important;
  --otx-public-gold:var(--otx-brand-cyan)!important;
  --otx-public-gold-2:var(--otx-brand-cyan-2)!important;
  --loc-gold:var(--otx-brand-cyan)!important;
  --cat-gold:var(--otx-brand-cyan)!important;
  --cat-final-gold:var(--otx-brand-cyan)!important;
  --otx-shared-gold:var(--otx-brand-cyan)!important;
  --otx-forum-gold:var(--otx-brand-cyan)!important;
  --otx-forum-gold-soft:var(--otx-brand-cyan-2)!important;
  --landing-accent:var(--otx-brand-cyan)!important;
  --page-accent:var(--otx-brand-cyan)!important;
}

/* Keep public pages in one dark, readable corporate surface. */
body.otx-public-vitrine,
body:has(.landing),
body:has(.otx-category-unified),
body:has(.otx-forum-family),
body:has(.otx-content-detail-final),
body:has(.otx-contact-conversion){
  background-color:var(--otx-brand-ink)!important;
  background-image:
    radial-gradient(circle at 12% -10%,rgba(56,189,248,.16),transparent 36%),
    radial-gradient(circle at 88% 2%,rgba(139,92,246,.13),transparent 34%),
    radial-gradient(circle at 70% 58%,rgba(20,184,166,.08),transparent 36%),
    linear-gradient(180deg,#06111f 0%,#08172a 46%,#06111f 100%)!important;
  color:var(--otx-brand-text);
}

/* Corporate gradients: replace yellow/orange/gold CTA feel. */
.btn-primary,
.landing-btn--primary,
.otx-locations-btn--primary,
.otx-category-cta,
.otx-contact-submit,
.forum-action-primary,
.hdr-context-cta,
.site-fab,
button[type="submit"],
a[class*="btn-primary"]{
  background:linear-gradient(135deg,var(--otx-brand-cyan) 0%,var(--otx-brand-teal) 58%,var(--otx-brand-emerald) 100%)!important;
  color:#03101e!important;
  border-color:rgba(103,232,249,.45)!important;
  box-shadow:0 16px 34px rgba(20,184,166,.22)!important;
}
.btn-primary:hover,
.landing-btn--primary:hover,
.otx-locations-btn--primary:hover,
.hdr-context-cta:hover,
.site-fab:hover,
button[type="submit"]:hover{
  box-shadow:0 20px 44px rgba(56,189,248,.28)!important;
}

/* Text accents and small labels. */
.eyebrow,
.card-kicker,
.landing-badge,
.landing-related-eyebrow,
.otx-locations-eyebrow,
.otx-category-card em,
.intent-card em,
.ftr-badge,
.drawer-section-label,
.breadcrumb-light strong,
.faq-button span:last-child,
.prose a,
.sidebar-card a,
.otx-vitrine-link,
.otx-ai-core strong,
.otx-compact-core strong,
.metric-card strong,
.impact-text strong,
.forum-topic-card .query,
.forum-mod-note strong,
.forum-topic-kicker,
.otx-content-detail-final a:not(.btn):not(.landing-btn),
.otx-content-unified-body a:not(.btn):not(.landing-btn){
  color:var(--otx-brand-cyan-2)!important;
}

/* AI areas get violet, not yellow. */
[class*="ai"],
[class*="AI"],
[data-ai],
.otx-ai-core,
.otx-focus-ai,
.otx-focus-vitrine,
.otx-content-ai-card,
.forum-ai,
.forum-author-card,
.otx-category-unified .faq-item:first-child,
.otx-contact-conversion [class*="ai"]{
  --otx-vitrine-gold:var(--otx-brand-violet-2)!important;
  --otx-public-gold:var(--otx-brand-violet-2)!important;
  --otx-shared-gold:var(--otx-brand-violet-2)!important;
  --landing-accent:var(--otx-brand-violet)!important;
  border-color:rgba(139,92,246,.22)!important;
}
[class*="ai"] .eyebrow,
[class*="AI"] .eyebrow,
.otx-ai-core strong,
.otx-focus-vitrine b,
.forum-author-card b,
.otx-category-unified .faq-item:first-child h3,
.otx-contact-conversion [class*="ai"] strong{
  color:var(--otx-brand-violet-2)!important;
}

/* Cards, panels and vitrines: same family, stronger reading contrast. */
.card,
.surface,
.landing-card,
.landing-related-card,
.otx-category-card,
.otx-location-city-card-v2,
.otx-location-country-card,
.otx-locations-flow article,
.otx-premium-metric-row,
.otx-contact-card,
.forum-card,
.forum-topic-card,
.forum-family-card,
.forum-note,
.forum-topic-note,
.otx-content-card,
.sidebar-card,
.faq-item{
  background:linear-gradient(160deg,rgba(12,31,52,.86),rgba(7,18,32,.92))!important;
  border-color:var(--otx-brand-line)!important;
  color:var(--otx-brand-text)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.18)!important;
}
.card p,
.surface p,
.landing-card p,
.landing-related-card p,
.otx-category-card p,
.otx-location-city-card-v2 p,
.otx-contact-card p,
.forum-card p,
.forum-topic-card p,
.otx-content-card p,
.sidebar-card p,
.faq-item p,
.prose,
.prose p,
.landing-copy,
.otx-muted{
  color:#b8c7da!important;
}

/* Hero/vitrine polish across public pages. */
.hero,
.landing-hero,
.otx-locations-hero,
.otx-category-hero,
.otx-forum-hero,
.otx-contact-hero,
.otx-content-hero{
  background:
    radial-gradient(circle at 14% 16%,rgba(56,189,248,.18),transparent 34%),
    radial-gradient(circle at 82% 12%,rgba(139,92,246,.14),transparent 30%),
    linear-gradient(135deg,rgba(9,25,43,.94),rgba(5,14,27,.98))!important;
  border-color:rgba(103,232,249,.18)!important;
}
.hero .accent,
.landing-hero .accent,
.otx-locations-hero .accent,
.otx-category-hero .accent,
.otx-forum-hero .accent,
.otx-contact-hero .accent,
.otx-content-hero .accent{
  color:var(--otx-brand-cyan-2)!important;
}

/* Orange/yellow category accents are remapped by intent. */
.landing,
.landing[style],
.otx-category-unified,
.otx-category-final-vitrine,
.otx-service-category-final,
.otx-content-unified-body,
.otx-forum-family,
.otx-contact-conversion{
  --page-accent:var(--otx-brand-cyan)!important;
  --landing-accent:var(--otx-brand-cyan)!important;
  --accent:var(--otx-brand-cyan)!important;
  --otx-gold:var(--otx-brand-cyan)!important;
  --otx-teal:var(--otx-brand-teal)!important;
  --loc-gold:var(--otx-brand-cyan)!important;
  --cat-gold:var(--otx-brand-cyan)!important;
}
.landing[data-landing*="ai"],
.landing[data-landing*="otomasyon"],
.landing[data-landing*="sosyal"],
.landing[data-landing*="yapay"],
.otx-ai-section,
.otx-automation-section{
  --page-accent:var(--otx-brand-violet)!important;
  --landing-accent:var(--otx-brand-violet)!important;
}

/* Replace yellow/orange backgrounds where old CSS used rgba(255,196,95...). */
.feature-tag,
.list-check li::before,
.flow-step b,
.sector-arrow,
.otx-location-district-rail span,
.forum-topic-card .query,
.forum-mod-note,
.forum-note,
.forum-topic-note{
  background:rgba(56,189,248,.075)!important;
  border-color:rgba(56,189,248,.18)!important;
  color:var(--otx-brand-cyan-2)!important;
}
.dot,
.eyebrow .dot{
  background:var(--otx-brand-cyan-2)!important;
  box-shadow:0 0 12px rgba(56,189,248,.44)!important;
}
.section-line::after,
.feature-card::before,
.progress-bar{
  background:linear-gradient(90deg,var(--otx-brand-teal),var(--otx-brand-cyan),var(--otx-brand-violet))!important;
}

/* Header/logo final discipline. */
.hdr-logo{
  background:linear-gradient(145deg,rgba(8,20,36,.98),rgba(11,32,54,.92))!important;
  border:1px solid rgba(103,232,249,.22)!important;
  border-radius:16px!important;
  box-shadow:0 14px 32px rgba(56,189,248,.14), inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.hdr-logo svg{width:31px!important;height:31px!important;filter:drop-shadow(0 6px 16px rgba(139,92,246,.18))}
.hdr-brand{min-width:0!important;gap:10px!important}
.hdr-brand-text{min-width:0!important}
.hdr-brand-text strong{
  font-family:"Plus Jakarta Sans","Outfit",system-ui,sans-serif!important;
  letter-spacing:.13em!important;
  font-size:1.02rem!important;
  line-height:1!important;
  max-width:11ch!important;
  white-space:nowrap!important;
}
.hdr-brand-tag{
  max-width:130px!important;
  font-size:.56rem!important;
  letter-spacing:.12em!important;
  color:#9bd9ef!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-transform:uppercase!important;
}
.drawer .hdr-brand-tag,.ftr .hdr-brand-tag{max-width:190px!important}

/* Readability: subtitles should not disappear on bright accent. */
.hero p,
.landing-hero p,
.otx-locations-hero p,
.otx-category-hero p,
.otx-forum-hero p,
.otx-contact-hero p,
.otx-content-hero p,
.hero small,
.landing-hero small{
  color:#c5d6e8!important;
  text-shadow:none!important;
}

/* Social icons/brand gradients: keep brand identity but reduce yellow dominance. */
img[src*="instagram"],
img[src*="claude"]{filter:saturate(.82) hue-rotate(8deg)}

@media (max-width:820px){
  .hdr-brand-text strong{font-size:.95rem!important;letter-spacing:.11em!important;max-width:10ch!important}
  .hdr-brand-tag{max-width:118px!important;font-size:.51rem!important}
  .hdr-logo{width:38px!important;height:38px!important;border-radius:14px!important}
  .hdr-logo svg{width:28px!important;height:28px!important}
  .dock{background:rgba(5,14,27,.94)!important;border-color:rgba(103,232,249,.18)!important}
  .dock-item.is-active,.dock-item:hover{background:rgba(56,189,248,.10)!important;color:#f5fbff!important}
  .dock-item--cta{background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(139,92,246,.12))!important;border-color:rgba(139,92,246,.22)!important}
}
@media (max-width:380px){
  .hdr-brand-tag{display:none!important}
  .hdr-brand-text strong{font-size:.92rem!important}
}
.otx-ai-tint{
  --page-accent:var(--otx-brand-violet)!important;
  --landing-accent:var(--otx-brand-violet)!important;
}
.otx-ai-tint > .eyebrow,
.otx-ai-tint strong:first-child,
.otx-ai-tint h2 .accent,
.otx-ai-tint h3 .accent{
  color:var(--otx-brand-violet-2)!important;
}
.otx-ai-tint:is(article,section,div){
  border-color:rgba(139,92,246,.20)!important;
}


/* ────────────────────────────────────────────────────────────────────
   Public warm-color removal pass — detail pages, topic headings, chips,
   FAQ, gallery, related content and category/forum headings.
   ──────────────────────────────────────────────────────────────────── */
body.otx-public-vitrine{
  --warm-gold:#38bdf8!important;
  --warm-amber:#38bdf8!important;
  --warm-orange:#14b8a6!important;
  --heading-accent:#67e8f9!important;
  --heading-accent-2:#14b8a6!important;
  --ai-accent:#a78bfa!important;
}
body.otx-public-vitrine :where(.accent,.gold,.text-gold,.text-amber,.text-orange,[class*="gold"],[class*="amber"],[class*="orange"]){
  color:var(--heading-accent)!important;
}
body.otx-public-vitrine :where(h1,h2,h3,h4) :where(.accent,.gold,[class*="gold"],em,b.badge){
  color:var(--heading-accent)!important;
}
body.otx-public-vitrine :where(.landing-h2-eyebrow,.landing-eyebrow,.otx-locations-eyebrow,.otx-category-eyebrow,.forum-topic-kicker,.forum-topic-card .query,.otx-live-kicker,.otx-content-kicker,.card-kicker,.eyebrow){
  color:#7dd3fc!important;
}
body.otx-public-vitrine :where(.landing-section h2,.landing-section h3,.otx-category-unified h2,.otx-category-unified h3,.otx-content-unified-body h2,.otx-content-unified-body h3,.otx-live-content-shell h2,.otx-live-content-shell h3,.otx-forum-family h2,.otx-forum-family h3,.otx-contact-conversion h2,.otx-contact-conversion h3){
  color:#f6fbff!important;
}
body.otx-public-vitrine :where(.landing-section h2,.otx-category-unified h2,.otx-content-unified-body h2,.otx-live-content-shell h2,.otx-forum-family h2,.otx-contact-conversion h2)::selection,
body.otx-public-vitrine :where(.landing-section h3,.otx-category-unified h3,.otx-content-unified-body h3,.otx-live-content-shell h3,.otx-forum-family h3,.otx-contact-conversion h3)::selection{background:rgba(56,189,248,.28)}

/* Warm borders/backgrounds converted to the new disciplined palette. */
body.otx-public-vitrine :where(.tag,.chip,.pill,.badge,.landing-chip,.landing-badge,.feature-tag,.lx-more-chip,.otx-location-more-chip,.otx-location-district-rail span,.forum-topic-card .query,.detail-tag,.detail-keyword,.otx-live-related-grid a span){
  color:#bff4ff!important;
  background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(20,184,166,.075))!important;
  border-color:rgba(56,189,248,.22)!important;
  box-shadow:none!important;
}
body.otx-public-vitrine :where(.tag:hover,.chip:hover,.pill:hover,.landing-chip:hover,.lx-more-chip:hover,.otx-location-more-chip:hover,.otx-location-district-rail a:hover,.detail-tag:hover,.detail-keyword:hover){
  background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(139,92,246,.10))!important;
  border-color:rgba(139,92,246,.26)!important;
  color:#fff!important;
}
body.otx-public-vitrine :where(.landing-cta-primary,.landing-btn--primary,.otx-locations-btn--primary,.otx-detail-main-cta-card .landing-btn,.forum-action-primary,.otx-contact-submit){
  background:linear-gradient(135deg,#38bdf8 0%,#14b8a6 58%,#22c55e 100%)!important;
  color:#03101e!important;
  border-color:rgba(103,232,249,.45)!important;
}
body.otx-public-vitrine :where(.landing-cta-secondary,.otx-locations-btn--ghost,.forum-action-secondary,.landing-btn--ghost){
  border-color:rgba(103,232,249,.26)!important;
  color:#e7f8ff!important;
  background:rgba(56,189,248,.055)!important;
}

/* Detail/content pages: gallery, related and topic cards should read like the new brand. */
body.otx-public-vitrine :where(.otx-live-content-shell,.otx-content-detail-final,.otx-content-unified-body){
  --detail-accent:#67e8f9!important;
  --detail-accent-2:#a78bfa!important;
}
body.otx-public-vitrine :where(.otx-live-hero,.otx-content-hero,.otx-live-content-article,.otx-live-gallery,.otx-live-related-grid a,.otx-live-project-summary,.detail-highlight,.detail-faq-block,.sidebar-card,.detail-internal-links){
  border-color:rgba(103,232,249,.16)!important;
  background:linear-gradient(160deg,rgba(12,31,52,.86),rgba(7,18,32,.92))!important;
}
body.otx-public-vitrine :where(.otx-live-related-grid a span,.otx-live-project-summary .detail-highlight strong,.otx-live-content-shell .sidebar-card a:hover,.otx-live-main-copy .prose a){
  color:#67e8f9!important;
}
body.otx-public-vitrine .otx-detail-main-cta-card{
  background:radial-gradient(circle at 100% 0%,rgba(139,92,246,.18),transparent 34%),linear-gradient(180deg,rgba(56,189,248,.075),rgba(255,255,255,.025))!important;
  border-color:rgba(139,92,246,.24)!important;
}

/* Location/category/forum leftover warm hover states. */
body.otx-public-vitrine :where(.lx-districts a:hover,.otx-location-district-strip a:hover,.otx-location-city-card h2 a:hover,.otx-location-city-row__head h2 a:hover,.otx-location-premium .landing-related>a:hover,.otx-location-premium .otx-location-service-grid>a:hover){
  color:#fff!important;
  border-color:rgba(56,189,248,.30)!important;
  background:linear-gradient(180deg,rgba(56,189,248,.10),rgba(20,184,166,.04))!important;
}
body.otx-public-vitrine :where(.otx-location-index-summary article>span,.otx-locations-ai-orb){
  background:linear-gradient(135deg,rgba(56,189,248,.22),rgba(139,92,246,.16))!important;
  color:#dff7ff!important;
}
body.otx-public-vitrine :where(.forum-mod-note,.forum-note,.forum-topic-note){
  border-left-color:#38bdf8!important;
  background:rgba(56,189,248,.075)!important;
}
body.otx-public-vitrine :where(.forum-action-primary){background:linear-gradient(135deg,#38bdf8,#14b8a6)!important;color:#03101e!important}

/* AI / automation blocks: violet accent only where meaningful. */
body.otx-public-vitrine :where(.otx-ai-tint,.otx-ai-core,.otx-focus-ai,.otx-content-ai-card,.forum-author-card,[class*="automation"],[class*="otomasyon"]){
  --heading-accent:#a78bfa!important;
  --page-accent:#8b5cf6!important;
  --landing-accent:#8b5cf6!important;
  border-color:rgba(139,92,246,.22)!important;
}
body.otx-public-vitrine :where(.otx-ai-tint .eyebrow,.otx-ai-tint strong,.otx-ai-core strong,.forum-author-card strong,[class*="automation"] strong,[class*="otomasyon"] strong){
  color:#c4b5fd!important;
}
body.otx-public-vitrine :where(.otx-ai-tint .tag,.otx-ai-tint .chip,.otx-ai-tint .badge){
  color:#ddd6fe!important;
  background:rgba(139,92,246,.12)!important;
  border-color:rgba(139,92,246,.25)!important;
}

/* Readability fixes for subtitles and small descriptions. */
body.otx-public-vitrine :where(.sub,.subtitle,.desc,.description,.landing-copy,.otx-category-unified p,.otx-content-unified-body p,.otx-live-content-shell p,.forum-family p,.forum-topic p){
  color:#bdcce0!important;
}
body.otx-public-vitrine :where(.muted,.text-muted,.small-muted,.landing-muted){color:#97abc1!important}