/* Titan public website — amber primary / white secondary buttons. */
/* v4: selected discovery/support actions use deep blue with white text. */
:root{--titan-orange-ink:#b34400;--titan-amber:#ffb638;--titan-orange:#ff8a00;--titan-button-gradient:linear-gradient(115deg,var(--titan-amber),var(--titan-orange));}
/* Secondary actions, including asynchronously inserted public components. */
html body :is(button,input[type=submit],input[type=button],.nav-contact,.hero-explore,.soft-button,.carousel-next,.vessel-nav,.card-arrow,.cta-link,.round,.share,.offer-back,.ta-link,.ts-send,.top a.contact,#titan-models a[href],#titan-control .tc-footer a){
 background:#fff!important;color:var(--titan-orange-ink)!important;border-color:#fff!important;
 box-shadow:none!important;text-shadow:none!important;
}
/* Primary actions and selected states. Dark text stays readable on amber. */
html body :is(.nav-contact,.hero-explore,.offer-submit,input[type=submit],.cta-link,.top a.contact,.ts-send,.ts-launch,.tc-primary,#titan-models a[href],#titan-control .tc-footer a,button[aria-pressed=true],button[aria-selected=true]){
 background:var(--titan-button-gradient)!important;color:#241204!important;border-color:#ffad25!important;
 box-shadow:inset 0 1px 0 #ffffff38!important;
}
html body :is(button,.nav-contact,.hero-explore,.soft-button,.card-arrow,.cta-link,.round,.share,.offer-back,.ta-link,.ts-send,.top a.contact,#titan-models a[href],#titan-control .tc-footer a) :is(span,svg){color:inherit!important;}
html body .hero-explore .direction{background:#ffffff38!important;color:inherit!important;}
/* Keep inactive language choices quiet; only the selected language is filled. */
html body :is(.titan-language-bar,#titan-theme-specificity) button:not([aria-pressed=true]){background:transparent!important;border-color:transparent!important;color:#f5f5f5!important;box-shadow:none!important;}
html body :is(button,input[type=submit],input[type=button]):disabled,
html body [aria-disabled=true]{opacity:.38!important;box-shadow:none!important;cursor:not-allowed!important;}
html body :is(button,a,input[type=submit],input[type=button]):focus-visible{outline:2px solid #ffb638!important;outline-offset:4px;}
@media(hover:hover){
 html body :is(button,.nav-contact,.hero-explore,.soft-button,.card-arrow,.cta-link,.round,.share,.offer-back,.ta-link,.ts-send,.top a.contact,#titan-models a[href],#titan-control .tc-footer a):not(:disabled):not([aria-disabled=true]):hover{box-shadow:0 0 0 2px #ff9b224d,0 6px 22px #ff8a001a!important;}
}
/* Align the existing custom cursor with the new button palette. */
html body .tmc-dot{background:#fff5e5;box-shadow:0 0 10px #ffb63866;}
html body .tmc-ring{border-color:#ffae38;}
html body .tmc-ring.tmc-hover{background:var(--titan-button-gradient);border-color:#ffad25;box-shadow:0 8px 24px #ff8a0033;}
html body .tmc-ring::after{color:#241204;}
html:root body #titan-support button.ts-launch,
html:root body #titan-support button.ts-send,
html:root body :is(#icerik,main) a.hero-explore{
 background:linear-gradient(120deg,#101e3b 0%,#173e70 55%,#1b5795 100%)!important;
 color:#fff!important;border:1px solid #42688d!important;
 box-shadow:inset 0 1px 0 #ffffff1f,0 6px 20px #07111e40!important;
}
html:root body #titan-support button.ts-launch :is(span,svg),
html:root body #titan-support button.ts-send :is(span,svg),
html:root body :is(#icerik,main) a.hero-explore :is(span,svg){color:#fff!important;}

/* v2: text links promoted to buttons need their own complete box model. */
html body #titan-models a[href],
html body #titan-control .tc-footer a{
 display:inline-flex!important;align-items:center;justify-content:center;gap:14px!important;
 box-sizing:border-box!important;min-height:48px!important;max-width:100%;
 padding:15px 26px!important;border:1px solid #ffad25!important;
 border-radius:999px!important;line-height:1.45!important;text-decoration:none!important;
 white-space:normal!important;text-align:center;overflow-wrap:break-word;
}
html body #titan-control .tc-footer{gap:24px;flex-wrap:wrap;}
html body #titan-control .tc-footer a span[aria-hidden]{flex-shrink:0;}
html body :is(.menu-toggle,.soft-button,.offer-submit,.offer-back,.cta-link,.share,.ts-launch,.ts-send,.ts-choice){border-radius:999px!important;}
/* Keep grouped navigation surfaces unfilled; their buttons carry the color. */
html body .vessel-nav{background:transparent!important;border-color:transparent!important;}
html body .contact-arrow{
 background:var(--titan-button-gradient)!important;color:#241204!important;
 border-radius:26%!important;border-color:#ffad25!important;
}
html body :is(#hero-title,.films-heading h2,.world-heading h2) > span{color:#ffb638!important;}
html body .film-tag{border-radius:999px!important;padding:9px 15px!important;line-height:1.4;}
html body .film-tag.lavender{background:#fff!important;color:var(--titan-orange-ink)!important;}
html body .film-tag.blue{background:var(--titan-button-gradient)!important;color:#241204!important;}
/* Homepage journal teaser: retain dark cards and white article headings. */
html body #titan-blog-teaser :is(small,[class*="eyebrow"],[class*="kicker"],[class*="meta"],[class*="read"],a span){color:#ffb638!important;}
html body #titan-blog-teaser a:not(:has(h3)){color:#ffb638!important;}
html body #titan-blog-teaser :is(h2,h3,h4){color:#f4f5f8!important;}
html body #titan-blog-teaser a:not(:has(h3)):not(:has(img)){
 border-color:#b97831!important;border-radius:999px!important;
}
/* v3: social component selectors verified against supplied source. */
html body #titan-social :is(.ts-panel,.ts-shorts){background:#1c1c1c!important;border-color:#493727!important;}
html body #titan-social :is(.ts-platform,.ts-shorts .ts-platform){color:#ffb638!important;}
html body #titan-social .ts-platform small{color:#aaa7a2!important;}
html body #titan-social .ts-follow{
 background:#fff!important;color:var(--titan-orange-ink)!important;
 border-radius:999px!important;padding:16px 22px!important;gap:12px;
}
html body #titan-social .ts-shorts .ts-follow{background:var(--titan-button-gradient)!important;color:#241204!important;}
html body #titan-social .ts-follow :is(span,svg){color:inherit!important;}
html body #titan-social button{border-radius:999px!important;}
html body :is(#titan-social h2 em,.approach-heading h2>span){color:#ffb638!important;}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 html body :is(#titan-social h2 em,.approach-heading h2>span){
  background:linear-gradient(105deg,#ffe0a4,#ffb638 38%,#ff8a00 76%,#ff9b42)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
 }
}
@media(forced-colors:active){html body :is(#titan-social h2 em,.approach-heading h2>span){background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;}}
/* Blog index and article accents, when this stylesheet is included there. */
html body :is(.read,.back,.top nav a[aria-current],.toc a:hover,#empty){color:#ffb638!important;}
html body :is(.reading-progress,.eyebrow>span){background:#ffab25!important;}
html body .rail{scrollbar-color:#cb7a23 #22242a;}
html body .cta{background:radial-gradient(ellipse at right bottom,#352314,transparent 70%)!important;}
html body .prose blockquote{border-left-color:#ffab25!important;background:#211b16!important;}
/* Editorial hero, preserving text and translations. */
html body #hero-title{font-weight:500!important;letter-spacing:-.055em!important;line-height:1.06!important;text-wrap:balance;}
html body #hero-title>span{display:inline-block;padding-bottom:.08em;color:#ffad35!important;}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 html body #hero-title>span{
  background:linear-gradient(105deg,#ffe0a4 0%,#ffb638 38%,#ff8a00 76%,#ff9b42 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
 }
}
@media(forced-colors:active){html body #hero-title>span{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;}}
@media(hover:hover){html body .card:hover{border-color:#b77935!important;}}
@media(max-width:600px){
 html body #titan-control .tc-footer{display:flex;flex-direction:column;align-items:flex-start;}
 html body #titan-control .tc-footer a{align-self:stretch;}
 html body #titan-models a[href],html body #titan-control .tc-footer a{padding:14px 22px!important;}
}
