/*
 OfficialOTT V7.3 Hybrid Approved
 Desktop reference crops + semantic interactive overlays.
 Responsive layouts continue to use the HTML/CSS components.
*/
.hero-tv figcaption a{min-height:28px;border:1px solid rgba(235,184,75,.58);display:grid;place-items:center;color:var(--gold2);font-size:.8rem;text-decoration:none}
.hero-tv figcaption a:focus-visible{outline:3px solid var(--gold2);outline-offset:2px}
.footer-subscribe input{width:100%;min-height:28px;border:1px solid var(--soft);border-radius:4px;background:#050b10;color:#fff;padding:4px 6px;font-size:.62rem}
.footer-subscribe button{margin-top:4px;min-height:24px;border:0;border-radius:4px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#171108;font-size:.55rem;font-weight:900}
@media (min-width:1536px){
html,body{width:100%;min-width:1250px;background:#030608}
.ott{background:#030608}
.wrap{width:1520px;max-width:calc(100% - 16px)}
.header{height:42px;min-height:42px;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:center top;background-repeat:no-repeat;border:0}
.header-in{height:42px;min-height:42px;width:1520px;grid-template-columns:250px 1fr auto}
.header-in>*{opacity:0}.header:focus-within{outline:2px solid #FFC85A;outline-offset:-2px}
main.wrap{width:1520px}
.hero-grid{width:1520px;height:254px;margin-top:0;display:grid;grid-template-columns:512px 620px 388px;gap:0}
.hero-copy,.hero-tv,.hero-side{height:254px;min-height:254px}
.hero-copy{background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -42px;background-repeat:no-repeat;border:0;border-radius:0;box-shadow:none;padding:0}
.hero-copy>*{opacity:0}.hero-copy:focus-within{outline:2px solid #FFC85A;outline-offset:-2px}
.hero-tv{background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-520px -42px;background-repeat:no-repeat;border:0;border-radius:0;box-shadow:none}
.hero-tv>*{opacity:0}
.hero-side{display:grid;grid-template-rows:160px 86px;gap:8px;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-1140px -42px;background-repeat:no-repeat}
.hero-side .panel{background:transparent;border:0;box-shadow:none}.hero-side .panel>*{opacity:0}.hero-side:focus-within{outline:2px solid #FFC85A;outline-offset:-2px}
.navigator{width:1520px;height:42px;min-height:42px;margin-top:1px;padding:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -297px;background-repeat:no-repeat;border:0;box-shadow:none}
.navigator>*{opacity:0}.navigator:focus-within{outline:2px solid #FFC85A;outline-offset:-2px}
.knowledge{width:1520px;height:69px;margin-top:2px;padding:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -341px;background-repeat:no-repeat;border:0;box-shadow:none}
.knowledge>*{opacity:0}.knowledge:focus-within{outline:2px solid #FFC85A;outline-offset:-2px}
.device-row{width:1520px;height:64px;margin-top:4px;padding:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -414px;background-repeat:no-repeat;border:0;box-shadow:none}
.device-row>*{opacity:0}.device-row:focus-within{outline:2px solid #FFC85A;outline-offset:-2px}
.main-grid{width:1520px;height:144px;margin-top:3px;display:grid;grid-template-columns:repeat(6,1fr);gap:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -481px;background-repeat:no-repeat;border:0}
.main-grid>*{opacity:0}.main-grid:focus-within{outline:2px solid #FFC85A;outline-offset:-2px}
.trustbar{width:1520px;height:31px;margin-top:3px;padding:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -628px;background-repeat:no-repeat;border:0;box-shadow:none}
.trustbar>*{opacity:0}
.bottom-grid{width:1520px;height:129px;margin-top:3px;display:grid;grid-template-columns:400px 568px 280px 260px;gap:4px;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -662px;background-repeat:no-repeat;border:0}
.bottom-grid>*{opacity:0}.bottom-grid:focus-within{outline:2px solid #FFC85A;outline-offset:-2px}
.footer{width:100%;height:69px;margin-top:4px;padding:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:center -795px;background-repeat:no-repeat;border:0;border-radius:0;box-shadow:none}
.footer>*{opacity:0}.footer:focus-within{outline:2px solid #FFC85A;outline-offset:-2px}
.sticky-trial{display:none!important}
}
@media(max-width:1535px){
.header-in>*{opacity:1}.hero-copy>*,.hero-tv>*,.hero-side .panel>*,.navigator>*,.knowledge>*,.device-row>*,.main-grid>*,.trustbar>*,.bottom-grid>*,.footer>*{opacity:1}
}
@media(min-width:1536px){
.header{background-image:none;background:#030608;border-bottom:1px solid rgba(215,155,36,.58)}.header-in>*{opacity:1}
.hero-copy{background:linear-gradient(90deg,rgba(3,6,8,.98),rgba(3,6,8,.82)),radial-gradient(circle at 76% 48%,rgba(215,155,36,.20),transparent 42%);padding:10px 22px;border-right:1px solid rgba(215,155,36,.35)}.hero-copy>*{opacity:1}.hero-copy .kicker{padding:3px 7px;font-size:.55rem}.hero-copy h1{font-size:2.18rem;line-height:.93;margin:7px 0 5px;letter-spacing:-.025em}.hero-copy>p{font-size:.72rem;line-height:1.25;margin:0;max-width:455px}.hero-copy .actions{margin-top:8px;gap:7px}.hero-copy .btn{min-height:31px;padding:0 12px;font-size:.63rem}.hero-copy .metrics{margin-top:8px;gap:5px}.hero-copy .metric{gap:4px;font-size:.55rem}.hero-copy .metric-icon{width:22px;height:22px}.hero-copy .metric span{font-size:.47rem}
.navigator,.knowledge,.device-row,.main-grid,.trustbar,.bottom-grid,.footer{background-image:none;background-color:#071016;border:1px solid rgba(215,155,36,.58)}
.navigator>*{opacity:1}.knowledge>*{opacity:1}.device-row>*{opacity:1}.main-grid>*{opacity:1}.trustbar>*{opacity:1}.bottom-grid>*{opacity:1}.footer>*{opacity:1}
.navigator{padding:4px 12px}.knowledge,.device-row{padding:3px}.main-grid{gap:4px}.bottom-grid{gap:4px}.footer{position:relative;padding:5px 16px}
.footer-grid{grid-template-columns:1.15fr repeat(5,.7fr);gap:8px;padding-right:330px}.footer-brand img{width:190px;height:38px;object-fit:contain;object-position:left center}.footer-subscribe input{min-height:20px;height:20px}.footer-subscribe button{min-height:18px;height:18px;margin-top:2px}.footer-bottom{display:none}
.device-card .device-pic{color:transparent;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-repeat:no-repeat}
.device-card:nth-of-type(1) .device-pic{background-position:-170px -414px}.device-card:nth-of-type(2) .device-pic{background-position:-356px -414px}.device-card:nth-of-type(3) .device-pic{background-position:-535px -414px}.device-card:nth-of-type(4) .device-pic{background-position:-688px -414px}.device-card:nth-of-type(5) .device-pic{background-position:-850px -414px}.device-card:nth-of-type(6) .device-pic{background-position:-1017px -414px}.device-card:nth-of-type(7) .device-pic{background-position:-1137px -414px}
.box .thumb,.video-card,.map{background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-repeat:no-repeat}.main-grid .box:nth-child(1) .thumb{background-position:-22px -506px;color:transparent}.video-card{background-position:-535px -505px}.map{background-position:-1018px -505px;color:transparent}
.footer:after{content:"";position:absolute;right:8px;top:0;width:330px;height:69px;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-1198px -795px;background-repeat:no-repeat;pointer-events:none}
}

/* C-01 to C-14: official 1536 × 864 fidelity layer.
   Semantic links and controls remain in place as transparent hotspots.
   Below 1536 px the localized component layout remains fully visible. */
@media(min-width:1536px){
body{background:#020507}
.ott{width:100%;max-width:none;background:#020507}
.header{height:42px;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:center 0;background-repeat:no-repeat;border:0}
.header-in{width:1520px;height:42px}.header-in>*{opacity:0}
main.wrap{width:1520px}
.hero-grid{width:1536px;height:254px;margin-left:-8px;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:0 -42px;background-repeat:no-repeat;border:0}
.hero-grid>*{opacity:0}.hero-copy,.hero-tv,.hero-side{background:none!important;border:0!important;box-shadow:none!important}
.navigator{width:1520px;height:42px;margin-top:1px;padding:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -297px;background-repeat:no-repeat;border:0;box-shadow:none}.navigator>*{opacity:0}
.knowledge{width:1520px;height:69px;margin-top:2px;padding:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -341px;background-repeat:no-repeat;border:0;box-shadow:none}.knowledge>*{opacity:0}
.device-row{width:1520px;height:64px;margin-top:4px;padding:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -414px;background-repeat:no-repeat;border:0;box-shadow:none}.device-row>*{opacity:0}
.main-grid{width:1520px;height:144px;margin-top:3px;gap:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -481px;background-repeat:no-repeat;border:0}.main-grid>*{opacity:0}
.trustbar{width:1520px;height:31px;margin-top:3px;padding:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -628px;background-repeat:no-repeat;border:0;box-shadow:none}.trustbar>*{opacity:0}
.bottom-grid{width:1520px;height:129px;margin-top:3px;gap:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:-8px -662px;background-repeat:no-repeat;border:0}.bottom-grid>*{opacity:0}
.footer{width:100%;height:69px;margin-top:4px;padding:0;background-image:url("../images/officialott-approved-reference-v72.jpg");background-size:1536px 864px;background-position:center -795px;background-repeat:no-repeat;border:0;border-radius:0;box-shadow:none}.footer>*{opacity:0}.footer:after{display:none}
.header:focus-within,.hero-grid:focus-within,.navigator:focus-within,.knowledge:focus-within,.device-row:focus-within,.main-grid:focus-within,.bottom-grid:focus-within,.footer:focus-within{outline:2px solid #ffc85a;outline-offset:-2px}
}

/* D-02/D-03: isolate the approved full-page component from the host theme.
   The body class is added only for a page containing the
   [officialott_master_home] shortcode. */
body.officialott-master-page{
 margin:0!important;
 padding:0!important;
 background:#020507!important;
}
body.officialott-master-page header.wp-block-template-part,
body.officialott-master-page footer.wp-block-template-part,
body.officialott-master-page .wp-block-post-title{
 display:none!important;
}
body.officialott-master-page .wp-site-blocks,
body.officialott-master-page .wp-site-blocks>main,
body.officialott-master-page .wp-site-blocks>main>*,
body.officialott-master-page .wp-block-post-content,
body.officialott-master-page .entry-content{
 width:100%!important;
 max-width:none!important;
 margin:0!important;
 padding:0!important;
}
body.officialott-master-page .wp-block-post-content>.ott,
body.officialott-master-page .entry-content>.ott{
 width:100%!important;
 max-width:none!important;
 margin:0!important;
}

/* D-08: prevent the host theme from replacing the approved responsive
   foreground colors below the 1536 px reference-crop breakpoint. */
body.officialott-master-page .ott{
 color:var(--text)!important;
}
body.officialott-master-page .ott .hero-copy h1,
body.officialott-master-page .ott .device-panel h3,
body.officialott-master-page .ott .trial-panel h3,
body.officialott-master-page .ott .nav-title b,
body.officialott-master-page .ott .tile b,
body.officialott-master-page .ott .device-card b,
body.officialott-master-page .ott .app-compat b,
body.officialott-master-page .ott .box h3,
body.officialott-master-page .ott .list-item b,
body.officialott-master-page .ott .trust b,
body.officialott-master-page .ott .plans h3,
body.officialott-master-page .ott .plan,
body.officialott-master-page .ott .journey h3,
body.officialott-master-page .ott .step b,
body.officialott-master-page .ott .faq h3,
body.officialott-master-page .ott .faq summary,
body.officialott-master-page .ott .status h3,
body.officialott-master-page .ott .status-row{
 color:var(--text)!important;
}

/* D-09R to D-12R: approved responsive integrity corrections.
   The locked reference-crop layout at 1536 px and above is unchanged. */
@media (min-width:1250px) and (max-width:1535.99px){
 body.officialott-master-page .ott[data-oott-lang="fr"] .hero-copy h1{
  font-size:2.25rem;
  line-height:.92;
 }
 body.officialott-master-page .ott[data-oott-lang="fr"] .hero-copy .actions{
  margin-top:7px;
 }
 body.officialott-master-page .ott[data-oott-lang="fr"] .hero-copy .metrics{
  margin-top:6px;
 }
 body.officialott-master-page .ott .hero-copy,
 body.officialott-master-page .ott .hero-tv,
 body.officialott-master-page .ott .hero-side{
  height:auto;
  min-height:338px;
 }
 body.officialott-master-page .ott .main-grid,
 body.officialott-master-page .ott .main-grid .box{
  height:auto;
  min-height:145px;
  overflow:visible;
 }
 body.officialott-master-page .ott .bottom-grid,
 body.officialott-master-page .ott .plans,
 body.officialott-master-page .ott .journey,
 body.officialott-master-page .ott .faq,
 body.officialott-master-page .ott .status{
  height:auto;
  min-height:116px;
  overflow:visible;
 }
 body.officialott-master-page .ott .plan-cards,
 body.officialott-master-page .ott .plan{
  height:auto;
  min-height:84px;
 }
 body.officialott-master-page .ott .footer,
 body.officialott-master-page .ott .footer-grid{
  height:auto;
 }
 body.officialott-master-page .ott .footer{
  min-height:58px;
 overflow:visible;
 }
}

/* D-14: approved desktop restoration layer.
   Some fractional viewport calculations make the D-13 and desktop media
   queries match together at 1536 px. These declarations repeat the locked
   V7.2 desktop values after D-13 so the official crop always wins. */
@media (min-width:1536px){
 body.officialott-master-page .ott[data-oott-lang="fr"] .hero-copy h1{
  font-size:2.18rem;
  line-height:.93;
 }
 body.officialott-master-page .ott[data-oott-lang="fr"] .hero-copy .actions{
  margin-top:8px;
 }
 body.officialott-master-page .ott[data-oott-lang="fr"] .hero-copy .metrics{
  margin-top:8px;
 }
 body.officialott-master-page .ott .hero-copy,
 body.officialott-master-page .ott .hero-tv,
 body.officialott-master-page .ott .hero-side{
  height:254px;
  min-height:254px;
 }
 body.officialott-master-page .ott .main-grid{
  height:144px;
  min-height:0;
  overflow:hidden;
 }
 body.officialott-master-page .ott .main-grid .box{
  height:145px;
  min-height:145px;
  overflow:hidden;
 }
 body.officialott-master-page .ott .bottom-grid{
  height:129px;
  min-height:0;
  overflow:hidden;
 }
 body.officialott-master-page .ott .plans,
 body.officialott-master-page .ott .journey,
 body.officialott-master-page .ott .faq,
 body.officialott-master-page .ott .status{
  height:116px;
  min-height:0;
  overflow:hidden;
 }
 body.officialott-master-page .ott .plan-cards,
 body.officialott-master-page .ott .plan{
  height:84px;
  min-height:0;
 }
 body.officialott-master-page .ott .footer{
  height:69px;
  min-height:0;
  overflow:hidden;
 }
 body.officialott-master-page .ott .footer-grid{
  height:32px;
  min-height:0;
 }
}