/* OTORIXA — Public Web/Mobile Unified System
   Final layer: one color, one shell, one mobile behavior.
   Scope: public pages only. Admin UI untouched. */
:root{
  --otx-u-bg:#06111f;
  --otx-u-bg-2:#08172a;
  --otx-u-surface:#0b1c31;
  --otx-u-surface-2:#0e253d;
  --otx-u-line:rgba(125,211,252,.16);
  --otx-u-line-strong:rgba(125,211,252,.28);
  --otx-u-text:#f6fbff;
  --otx-u-muted:#b8c8dc;
  --otx-u-soft:#91a9c0;
  --otx-u-cyan:#38bdf8;
  --otx-u-cyan-2:#67e8f9;
  --otx-u-teal:#14b8a6;
  --otx-u-emerald:#22c55e;
  --otx-u-violet:#8b5cf6;
  --otx-u-violet-2:#a78bfa;
  --otx-u-shell:1180px;
  --otx-u-narrow:980px;
  --otx-u-radius:28px;
  --otx-u-shadow:0 22px 70px rgba(0,0,0,.26);
}

body.otx-public-vitrine{
  --gold:var(--otx-u-cyan)!important;
  --gold-2:var(--otx-u-teal)!important;
  --gold-bright:var(--otx-u-cyan-2)!important;
  --otx-gold:var(--otx-u-cyan)!important;
  --otx-gold-2:var(--otx-u-teal)!important;
  --otx-gold-bright:var(--otx-u-cyan-2)!important;
  --otx-border-gold:rgba(56,189,248,.18)!important;
  --otx-border-gold-hover:rgba(56,189,248,.34)!important;
  --otx-accent:var(--otx-u-cyan)!important;
  --otx-accent-soft:rgba(56,189,248,.12)!important;
  --page-accent:var(--otx-u-cyan)!important;
  --landing-accent:var(--otx-u-cyan)!important;
  --loc-gold:var(--otx-u-cyan)!important;
  --cat-gold:var(--otx-u-cyan)!important;
  --cat-final-gold:var(--otx-u-cyan)!important;
  --otx-shared-gold:var(--otx-u-cyan)!important;
  --otx-vitrine-gold:var(--otx-u-cyan)!important;
  --otx-vitrine-gold-soft:var(--otx-u-cyan-2)!important;
  --otx-public-gold:var(--otx-u-cyan)!important;
  --otx-public-gold-2:var(--otx-u-cyan-2)!important;
  --otx-forum-gold:var(--otx-u-cyan)!important;
  --otx-forum-gold-soft:var(--otx-u-cyan-2)!important;
  background:
    radial-gradient(circle at 10% -8%,rgba(56,189,248,.16),transparent 34%),
    radial-gradient(circle at 86% 6%,rgba(139,92,246,.14),transparent 32%),
    radial-gradient(circle at 50% 80%,rgba(20,184,166,.07),transparent 42%),
    linear-gradient(180deg,var(--otx-u-bg),var(--otx-u-bg-2) 48%,var(--otx-u-bg))!important;
  color:var(--otx-u-text)!important;
  overflow-x:hidden!important;
}

/* One shell for index, location, category, detail, forum and contact. */
body.otx-public-vitrine :where(.landing,.otx-location-premium,.otx-forum-family,.otx-contact-conversion,.otx-content-detail-final,.otx-content-unified-body){
  width:100%!important;
  max-width:none!important;
  color:var(--otx-u-text)!important;
}
body.otx-public-vitrine :where(.landing-breadcrumb,.landing-hero-grid,.landing-section,.landing-cta-block,.otx-content-unified-shell,.detail-hero-inner,.otx-forum-shell,.otx-contact-shell,.otx-locations-shell,.otx-location-shell){
  width:min(var(--otx-u-shell),calc(100% - 36px))!important;
  max-width:var(--otx-u-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body.otx-public-vitrine :where(.landing-section--narrow,.otx-category-channel-summary,.otx-category-question-bank,.otx-category-search-section){
  width:min(var(--otx-u-narrow),calc(100% - 36px))!important;
  max-width:var(--otx-u-narrow)!important;
}

/* /icerikler category hub/detail correction: not narrow, not yellow, not separate system. */
body.otx-public-vitrine .otx-category-unified,
body.otx-public-vitrine .otx-service-category-final,
body.otx-public-vitrine .otx-category-final-vitrine{
  --otx-accent:var(--otx-u-cyan)!important;
  --otx-accent-soft:rgba(56,189,248,.10)!important;
  --landing-accent:var(--otx-u-cyan)!important;
  --page-accent:var(--otx-u-cyan)!important;
  --cat-gold:var(--otx-u-cyan)!important;
  --cat-final-gold:var(--otx-u-cyan)!important;
  --otx-shared-gold:var(--otx-u-cyan)!important;
  display:block!important;
  background:transparent!important;
}
body.otx-public-vitrine .otx-category-unified .landing-hero{
  width:min(var(--otx-u-shell),calc(100% - 36px))!important;
  max-width:var(--otx-u-shell)!important;
  margin:18px auto 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body.otx-public-vitrine .otx-category-unified .landing-hero-grid{
  padding:30px!important;
  border-radius:32px!important;
  border:1px solid rgba(125,211,252,.18)!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(56,189,248,.18),transparent 36%),
    radial-gradient(circle at 88% 12%,rgba(139,92,246,.16),transparent 34%),
    linear-gradient(145deg,rgba(7,17,31,.97),rgba(10,28,48,.94))!important;
  box-shadow:var(--otx-u-shadow)!important;
  grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr)!important;
  gap:24px!important;
}
body.otx-public-vitrine .otx-category-unified .landing-section{
  padding:26px 0!important;
}
body.otx-public-vitrine .otx-category-unified .landing-section--narrow{
  padding-left:0!important;
  padding-right:0!important;
}
body.otx-public-vitrine .otx-category-unified .landing-cta-block{
  padding:28px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(139,92,246,.18),transparent 30%),
    linear-gradient(145deg,rgba(12,31,52,.88),rgba(7,18,32,.94))!important;
  border:1px solid rgba(125,211,252,.18)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.22)!important;
}

/* Card and panel family. */
body.otx-public-vitrine :where(.landing-hero-aside,.landing-trust-card,.landing-card,.landing-checklist-item,.landing-related>a,.otx-category-card,.otx-category-answer-card,.otx-category-mini-topic-grid article,.otx-category-channel-strip article,.otx-search-panel,.otx-empty-card,.landing-faq-item,.otx-content-card,.sidebar-card,.forum-card,.forum-topic-card,.otx-contact-card,.detail-highlight,.detail-gallery-item,.detail-internal-map,.content-article){
  background:linear-gradient(160deg,rgba(13,32,54,.88),rgba(7,18,32,.94))!important;
  border:1px solid rgba(125,211,252,.16)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.18)!important;
  color:var(--otx-u-text)!important;
}
body.otx-public-vitrine :where(.landing-hero-aside,.otx-category-answer-card,.otx-search-panel,.otx-category-channel-strip article,.landing-faq-item,.otx-category-card,.landing-related>a,.otx-content-card){
  border-radius:24px!important;
}
body.otx-public-vitrine :where(.otx-category-card:hover,.landing-related>a:hover,.otx-content-card:hover,.forum-topic-card:hover){
  border-color:rgba(103,232,249,.34)!important;
  box-shadow:0 22px 62px rgba(56,189,248,.10)!important;
  transform:translateY(-1px);
}

/* No yellow/orange in public text, buttons, chips, headings. */
body.otx-public-vitrine :where(.landing-h2-eyebrow,.landing-hero-eyebrow,.landing-related-eyebrow,.card-kicker,.eyebrow,.forum-topic-kicker,.otx-content-kicker,.breadcrumb-light strong,.detail-tag,.detail-keyword,.otx-category-card em,.landing-related-arrow,.prose a,.sidebar-card a,.faq-button span:last-child),
body.otx-public-vitrine :where([class*="gold"],[class*="amber"],[class*="orange"]):not(svg):not(path){
  color:var(--otx-u-cyan-2)!important;
}
body.otx-public-vitrine :where(h1,h2,h3,h4,.landing-h2,.landing-related-title,.otx-category-card strong){
  color:var(--otx-u-text)!important;
}
body.otx-public-vitrine :where(p,small,.landing-lead,.landing-hero-lead,.landing-related-desc,.otx-category-card small,.landing-faq-a,.otx-category-answer-copy,.otx-category-flow-grid span,.otx-category-mini-topic-grid p,.otx-category-channel-strip span){
  color:var(--otx-u-muted)!important;
}
body.otx-public-vitrine :where(.landing-hero-eyebrow,.landing-badge,.landing-chip,.tag,.chip,.pill,.badge,.feature-tag,.otx-category-keyword-row span,.otx-category-mini-links a,.forum-topic-card .query,.detail-tag,.detail-keyword){
  color:#c8fbff!important;
  background:linear-gradient(135deg,rgba(56,189,248,.11),rgba(20,184,166,.07))!important;
  border:1px solid rgba(103,232,249,.22)!important;
  box-shadow:none!important;
}
body.otx-public-vitrine :where(.landing-cta-primary,.btn-primary,.otx-contact-submit,.forum-action-primary,button[type="submit"]){
  color:#03101e!important;
  background:linear-gradient(135deg,var(--otx-u-cyan),var(--otx-u-teal) 58%,var(--otx-u-emerald))!important;
  border-color:rgba(103,232,249,.46)!important;
  box-shadow:0 16px 38px rgba(20,184,166,.22)!important;
}
body.otx-public-vitrine :where(.landing-cta-secondary,.btn-secondary,.forum-action-secondary,.landing-btn--ghost){
  color:#e7f8ff!important;
  background:rgba(56,189,248,.055)!important;
  border-color:rgba(103,232,249,.24)!important;
}
body.otx-public-vitrine :where(.dot,.eyebrow .dot){
  background:var(--otx-u-cyan-2)!important;
  box-shadow:0 0 14px rgba(56,189,248,.46)!important;
}
body.otx-public-vitrine :where(.section-line::after,.feature-card::before,.progress-bar){
  background:linear-gradient(90deg,var(--otx-u-teal),var(--otx-u-cyan),var(--otx-u-violet))!important;
}

/* AI / automation accent: violet only, controlled. */
body.otx-public-vitrine :where(.otx-ai-tint,.otx-ai-core,.otx-focus-ai,.otx-content-ai-card,.forum-author-card,[class*="ai"],[class*="AI"],[class*="otomasyon"],[class*="automation"]){
  --otx-accent:var(--otx-u-violet)!important;
  --landing-accent:var(--otx-u-violet)!important;
  --page-accent:var(--otx-u-violet)!important;
  --otx-shared-gold:var(--otx-u-violet-2)!important;
  --cat-final-gold:var(--otx-u-violet-2)!important;
  border-color:rgba(139,92,246,.22)!important;
}
body.otx-public-vitrine :where(.otx-ai-tint,.otx-ai-core,.otx-focus-ai,.otx-content-ai-card,.forum-author-card,[class*="otomasyon"],[class*="automation"]):is(article,section,div){
  background:radial-gradient(circle at 100% 0%,rgba(139,92,246,.16),transparent 32%),linear-gradient(160deg,rgba(13,32,54,.88),rgba(7,18,32,.94))!important;
}
body.otx-public-vitrine :where(.otx-ai-tint strong,.otx-ai-core strong,.forum-author-card strong,[class*="otomasyon"] strong,[class*="automation"] strong){
  color:var(--otx-u-violet-2)!important;
}

/* Forms and search on mobile/web must share the same visual rules. */
body.otx-public-vitrine :where(input,select,textarea,.otx-search-form input){
  color:#f6fbff!important;
  background:rgba(5,14,27,.72)!important;
  border:1px solid rgba(125,211,252,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.otx-public-vitrine :where(input:focus,select:focus,textarea:focus,.otx-search-form input:focus){
  border-color:rgba(103,232,249,.42)!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(56,189,248,.10)!important;
}

/* Mobile = same system, not separate design. */
@media (max-width:920px){
  body.otx-public-vitrine{
    --otx-u-shell:100vw;
    --otx-u-narrow:100vw;
  }
  body.otx-public-vitrine :where(.landing-breadcrumb,.landing-hero-grid,.landing-section,.landing-cta-block,.otx-content-unified-shell,.detail-hero-inner,.otx-forum-shell,.otx-contact-shell,.otx-locations-shell,.otx-location-shell){
    width:min(100%,calc(100vw - 22px))!important;
    max-width:calc(100vw - 22px)!important;
  }
  body.otx-public-vitrine .otx-category-unified .landing-hero{
    width:min(100%,calc(100vw - 22px))!important;
    max-width:calc(100vw - 22px)!important;
    margin-top:12px!important;
  }
  body.otx-public-vitrine .otx-category-unified .landing-hero-grid{
    grid-template-columns:minmax(0,1fr)!important;
    padding:20px 16px!important;
    border-radius:24px!important;
    gap:16px!important;
  }
  body.otx-public-vitrine .otx-category-unified .landing-section{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  body.otx-public-vitrine :where(.otx-category-surface,.landing-related,.otx-content-card-grid,.otx-category-mini-topic-grid,.otx-category-channel-strip,.otx-category-flow-grid,.otx-premium-metric-row){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  body.otx-public-vitrine :where(.landing-hero-actions){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  body.otx-public-vitrine :where(.landing-hero-actions a,.landing-cta-primary,.landing-cta-secondary){
    width:100%!important;
    justify-content:center!important;
    min-height:48px!important;
  }
  body.otx-public-vitrine :where(.otx-category-keyword-row,.otx-category-mini-links){
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:8px!important;
    margin-right:0!important;
  }
  body.otx-public-vitrine :where(.otx-category-keyword-row span,.otx-category-mini-links a){
    min-width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}

/* Last-resort cleanup for legacy inline warm colors. */
body.otx-public-vitrine [style*="#d4a03c"],
body.otx-public-vitrine [style*="#f0c86e"],
body.otx-public-vitrine [style*="#ffd77a"],
body.otx-public-vitrine [style*="#f4c86d"],
body.otx-public-vitrine [style*="#e7c873"],
body.otx-public-vitrine [style*="#f59e0b"],
body.otx-public-vitrine [style*="255,196,95"],
body.otx-public-vitrine [style*="231,200,115"]{
  --otx-accent:var(--otx-u-cyan)!important;
  --page-accent:var(--otx-u-cyan)!important;
  --landing-accent:var(--otx-u-cyan)!important;
  color:inherit;
}