/* OTORIXA — Public buttons + full public color discipline
   Scope: only public body. No admin styles. No width/layout changes. */
:root{
  --otx-brand-navy:#06111f;
  --otx-brand-navy-2:#08172b;
  --otx-brand-panel:#0a1b31;
  --otx-brand-panel-2:#071426;
  --otx-brand-text:#f5fbff;
  --otx-brand-muted:#b4c6da;
  --otx-brand-muted-2:#8da2ba;
  --otx-brand-line:rgba(148,190,220,.16);
  --otx-brand-line-2:rgba(56,189,248,.28);
  --otx-brand-cyan:#38bdf8;
  --otx-brand-cyan-2:#7dd3fc;
  --otx-brand-teal:#14b8a6;
  --otx-brand-emerald:#22c55e;
  --otx-brand-violet:#8b5cf6;
  --otx-brand-violet-2:#a78bfa;
  --otx-brand-danger:#fb7185;
}

body.otx-public-vitrine,
body.otx-public-vitrine *{
  --gold:var(--otx-brand-teal)!important;
  --gold-2:var(--otx-brand-cyan)!important;
  --gold-bright:var(--otx-brand-cyan-2)!important;
  --otx-gold:var(--otx-brand-cyan)!important;
  --otx-gold-2:var(--otx-brand-cyan-2)!important;
  --otx-gold-bright:var(--otx-brand-cyan-2)!important;
  --otx-vitrine-gold:var(--otx-brand-cyan)!important;
  --otx-shared-gold:var(--otx-brand-cyan)!important;
  --cat-gold:var(--otx-brand-cyan)!important;
  --cat-final-gold:var(--otx-brand-cyan)!important;
  --loc-gold:var(--otx-brand-cyan)!important;
  --landing-accent:var(--otx-brand-cyan)!important;
  --page-accent:var(--otx-brand-cyan)!important;
  --otx-accent:var(--otx-brand-cyan)!important;
  --otx-accent-soft:rgba(56,189,248,.12)!important;
  --ai:var(--otx-brand-violet)!important;
  --ai-bright:var(--otx-brand-violet-2)!important;
}
body.otx-public-vitrine{
  background:
    radial-gradient(circle at 12% -10%,rgba(56,189,248,.16),transparent 34%),
    radial-gradient(circle at 90% 0%,rgba(139,92,246,.12),transparent 32%),
    radial-gradient(circle at 75% 58%,rgba(20,184,166,.08),transparent 38%),
    linear-gradient(180deg,var(--otx-brand-navy) 0%,#07172a 48%,var(--otx-brand-navy) 100%)!important;
  color:var(--otx-brand-text)!important;
}

/* Header wordmark: no yellow, two-tone mouse-reactive animated brand. */
body.otx-public-vitrine .hdr-brand{
  --otx-brand-mx:50%;--otx-brand-my:50%;--otx-brand-tilt:0deg;--otx-brand-tilt-y:0deg;--otx-brand-shift:0px;
  position:relative!important;isolation:isolate;border-radius:20px;
}
body.otx-public-vitrine .hdr-logo{
  background:linear-gradient(145deg,#06111f,#0a2037)!important;
  border:1px solid rgba(56,189,248,.30)!important;
  box-shadow:0 14px 34px rgba(56,189,248,.16),inset 0 0 0 1px rgba(255,255,255,.045)!important;
  transform:perspective(720px) rotateZ(var(--otx-brand-tilt)) rotateY(var(--otx-brand-tilt-y)) translateY(var(--otx-brand-shift))!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease!important;
}
body.otx-public-vitrine .hdr-logo::after{
  content:"";position:absolute;inset:-46%;opacity:.42;pointer-events:none;mix-blend-mode:screen;
  background:conic-gradient(from 0deg,transparent 0 16%,rgba(56,189,248,.50) 24%,transparent 35% 52%,rgba(139,92,246,.50) 62%,transparent 75% 100%);
  animation:otxButtonColorLogoOrbit 9s linear infinite;
}
body.otx-public-vitrine .hdr-brand:hover .hdr-logo,
body.otx-public-vitrine .hdr-brand.otx-brand-motion .hdr-logo{
  border-color:rgba(167,139,250,.42)!important;
  box-shadow:0 18px 44px rgba(56,189,248,.22),0 0 0 1px rgba(139,92,246,.18) inset!important;
  filter:drop-shadow(0 9px 24px rgba(139,92,246,.22))!important;
}
body.otx-public-vitrine .hdr-brand-text strong{
  background:
    linear-gradient(93deg,#f8fbff 0 30%,var(--otx-brand-cyan-2) 43%,var(--otx-brand-teal) 57%,var(--otx-brand-violet-2) 76%,#f8fbff 100%),
    radial-gradient(circle at var(--otx-brand-mx) var(--otx-brand-my),rgba(255,255,255,.80),transparent 30%)!important;
  background-size:245% 100%,130% 130%!important;
  background-position:0% 50%,var(--otx-brand-mx) var(--otx-brand-my)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;
  text-shadow:none!important;filter:drop-shadow(0 0 16px rgba(56,189,248,.10));
}
body.otx-public-vitrine .hdr-brand:hover .hdr-brand-text strong,
body.otx-public-vitrine .hdr-brand.otx-brand-motion .hdr-brand-text strong{animation:otxButtonColorWordmarkFlow 2.7s ease-in-out infinite alternate!important;}
body.otx-public-vitrine .hdr-brand-text strong::after{background:linear-gradient(90deg,transparent,var(--otx-brand-cyan),var(--otx-brand-violet),transparent)!important;}
body.otx-public-vitrine .hdr-brand-tag{color:#9bd9ef!important;}
#otoGold stop:nth-child(1),#otoCore stop:nth-child(1){stop-color:#8be9ff!important;}
#otoGold stop:nth-child(2),#otoCore stop:nth-child(2){stop-color:#38bdf8!important;}
#otoGold stop:nth-child(3),#otoCore stop:nth-child(3){stop-color:#14b8a6!important;}
@keyframes otxButtonColorWordmarkFlow{0%{background-position:0% 50%,var(--otx-brand-mx) var(--otx-brand-my)}100%{background-position:100% 50%,var(--otx-brand-mx) var(--otx-brand-my)}}
@keyframes otxButtonColorLogoOrbit{to{transform:rotate(360deg)}}

/* Buttons: same web/mobile color language across all public pages. */
body.otx-public-vitrine :where(
  .btn-primary,.btn-glow,.hdr-context-cta,.dock-item--cta,
  .landing-btn-primary,.landing-hero-cta,.landing-cta-button,.landing-button-primary,
  .otx-btn-primary,.otx-primary,.hero-cta-primary,.contact-submit,
  button[type="submit"],input[type="submit"],.form-submit,
  .cta-primary,.cta-button-primary,.premium-cta,.primary-cta
){
  background:linear-gradient(135deg,var(--otx-brand-cyan) 0%,var(--otx-brand-teal) 55%,var(--otx-brand-emerald) 100%)!important;
  color:#03101e!important;
  border-color:rgba(125,211,252,.52)!important;
  box-shadow:0 14px 34px rgba(20,184,166,.22),0 0 0 1px rgba(255,255,255,.05) inset!important;
  text-shadow:none!important;
}
body.otx-public-vitrine :where(
  .btn-primary,.btn-glow,.hdr-context-cta,.landing-btn-primary,.landing-hero-cta,.landing-cta-button,
  .otx-btn-primary,.hero-cta-primary,.contact-submit,button[type="submit"],input[type="submit"],.cta-primary,.premium-cta
):hover{
  background:linear-gradient(135deg,#7dd3fc 0%,#2dd4bf 56%,#34d399 100%)!important;
  box-shadow:0 18px 42px rgba(56,189,248,.26),0 0 0 1px rgba(139,92,246,.12) inset!important;
  transform:translateY(-1px);
}
body.otx-public-vitrine :where(
  .btn-secondary,.btn-outline,.landing-btn-secondary,.landing-button-secondary,
  .otx-btn-secondary,.hero-cta-secondary,.secondary-cta,.outline-cta,.ghost-cta
){
  background:rgba(8,24,44,.74)!important;
  color:#dff7ff!important;
  border-color:rgba(56,189,248,.25)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}
body.otx-public-vitrine :where(.btn-secondary,.btn-outline,.landing-btn-secondary,.otx-btn-secondary,.hero-cta-secondary,.secondary-cta,.outline-cta,.ghost-cta):hover{
  background:rgba(56,189,248,.10)!important;
  border-color:rgba(56,189,248,.42)!important;
  color:#fff!important;
}

/* Headings, chips, tags, badges and small labels: remove gold/orange look. */
body.otx-public-vitrine :where(
  .eyebrow,.kicker,.section-eyebrow,.landing-eyebrow,.landing-related-eyebrow,
  .badge,.pill,.chip,.tag,.label,.mini-badge,.keyword,.keyword-chip,
  .landing-keyword,.landing-badge,.otx-chip,.otx-tag,.otx-badge,
  .category-badge,.forum-badge,.meta-badge,.hdr-link.is-active
){
  color:#bff4ff!important;
  border-color:rgba(56,189,248,.24)!important;
  background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(20,184,166,.08))!important;
}
body.otx-public-vitrine :where(
  .ai,.ai-badge,.otx-ai,.automation,.otomasyon,[class*="ai-"][class*="badge"],[class*="automation"],[class*="otomasyon"]
){
  color:#e6dcff!important;
  border-color:rgba(139,92,246,.28)!important;
  background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(56,189,248,.07))!important;
}
body.otx-public-vitrine :where(h1,h2,h3,h4) :where(mark,.accent,.highlight,.text-gold,.text-amber),
body.otx-public-vitrine :where(.text-gold,.text-amber,.text-yellow,.text-orange,.gold,.amber,.yellow,.orange){
  color:var(--otx-brand-cyan-2)!important;
  -webkit-text-fill-color:currentColor!important;
  background:transparent!important;
}

/* Cards and sections: readable subtitles, cooler lines, no yellow panels. */
body.otx-public-vitrine :where(.card,.landing-card,.otx-card,.premium-card,.service-card,.category-card,.forum-card,.content-card,.location-card){
  border-color:rgba(148,190,220,.15)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.20)!important;
}
body.otx-public-vitrine :where(.card:hover,.landing-card:hover,.otx-card:hover,.premium-card:hover,.service-card:hover,.category-card:hover,.forum-card:hover,.content-card:hover,.location-card:hover){
  border-color:rgba(56,189,248,.30)!important;
}
body.otx-public-vitrine :where(p,.muted,.subtitle,.lead,.desc,.description,.landing-copy,.section-copy,.card-copy,.card-text,.help-text,small){
  color:var(--otx-brand-muted)!important;
}
body.otx-public-vitrine :where(.landing-faq-item[open],details[open],.faq-item[open]){
  border-color:rgba(56,189,248,.36)!important;
}
body.otx-public-vitrine :where(summary,.faq-question,.accordion-title){color:#eefbff!important;}
body.otx-public-vitrine :where(a:not(.hdr-brand):not(.hdr-link):not(.dock-item):not(.btn-primary):not(.btn-secondary):not(.landing-btn-primary):not(.landing-btn-secondary)){
  text-decoration-color:rgba(56,189,248,.28);
}
body.otx-public-vitrine :where(a:hover:not(.hdr-brand):not(.btn-primary):not(.btn-secondary)){
  color:#7dd3fc;
}

/* Known old yellow/orange gradients and custom vars in public pages. */
body.otx-public-vitrine :where([style*="#f4c86d"],[style*="#e7c873"],[style*="#f59e0b"],[style*="#fbbf24"],[style*="#facc15"],[style*="#d97706"],[style*="#ff9000"],[style*="orange"],[style*="gold"]){
  --gold:var(--otx-brand-cyan)!important;
  --gold-2:var(--otx-brand-teal)!important;
  --gold-bright:var(--otx-brand-cyan-2)!important;
  --otx-gold:var(--otx-brand-cyan)!important;
  --landing-accent:var(--otx-brand-cyan)!important;
  --page-accent:var(--otx-brand-cyan)!important;
  border-color:rgba(56,189,248,.24)!important;
}
body.otx-public-vitrine :where(.progress-bar,.scroll-progress){
  background:linear-gradient(90deg,var(--otx-brand-teal),var(--otx-brand-cyan),var(--otx-brand-violet),var(--otx-brand-cyan))!important;
}

@media (max-width:820px){
  body.otx-public-vitrine :where(.btn-primary,.btn-secondary,.landing-btn-primary,.landing-btn-secondary,.otx-btn-primary,.otx-btn-secondary,.contact-submit,button[type="submit"]){
    min-height:46px;
    border-radius:16px!important;
  }
  body.otx-public-vitrine .dock-item--cta{
    background:linear-gradient(135deg,rgba(56,189,248,.12),rgba(20,184,166,.11))!important;
    color:#effaff!important;
    border-color:rgba(56,189,248,.20)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.otx-public-vitrine .hdr-logo::after,
  body.otx-public-vitrine .hdr-brand:hover .hdr-brand-text strong,
  body.otx-public-vitrine .hdr-brand.otx-brand-motion .hdr-brand-text strong{animation:none!important;}
  body.otx-public-vitrine .hdr-logo{transform:none!important;}
}