/*KB Searchbox*/
.TM-card.search-card {
    padding: 1.0rem;
}
/*useless StatsInfo*/
.plesk-usage-stats .text-info.limit-near {
    display: none;
}
.rate-article {
    display: none !important;
}
.kb-article-details  {
    display: none !important;
}
/*Tax Btn*/
.panel-footer.white a[data-target="#estimate-taxes"] {
  display: none !important;
}
/*Addons*/
#Secondary_Sidebar-Categories-Addons {
  display: none !important;
}
#Secondary_Sidebar-My_Services_Actions-View_Available_Addons{
  display: none !important;
}
/*cart.php*/
.main-content .header-lined {
  margin-bottom: 0 !important;
}
.main-content.col-lg-9 .header-lined + .space-32{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.main-content.col-lg-9 #products,
.main-content.col-lg-9 .products{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.gateway-errors {
    text-align: left !important;
}
/*plan-features*/
.tp_prod_feat{
  display:block;
  position:relative;
  padding-left: 1.5em;
  margin: .25em 0;
  font-size: 15px;
}
.tp_prod_feat::before{
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  position:absolute;
  left:0;
  top:.3em;
  line-height: 1;
}
.tp_prod_feat .fas {
   color: #919191;
}
.tp_prod_head .fas {
   color: #919191;
}
.tp_prod_head {
    font-size: 15px;
}
.tp-tooltip .tooltip-inner {
  text-align: left !important;
  width: 420px !important;
  max-width: 420px !important;
  white-space: normal;
  padding: 15px !important;
}
/*domain reg.*/
.domains-section .cros-bg-shapes-right::before,
.domains-section .cros-bg-shapes-right::after,
.domains-section .cros-bg-shapes-left::before,
.domains-section .cros-bg-shapes-left::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
/* Hintergrundfarbe unter dem Bild: das Bild ist schwarz mit orangen Linien,
   die weisse Hero-Schrift steht also auf Dunkel. Mit #ff7300 als
   Rueckfallfarbe mass ein Kontrasttest "Sicher dir deine Domain" als Weiss
   auf Orange (2,73:1); die Farbe passt jetzt zum Bild (Weiss auf #0B0C10
   19,55:1) und traegt die Schrift auch, solange das Bild laedt oder
   fehlt. Modusunabhaengig. */
section.products.domains-section.bg-primary {
  background-color: #0b0c10 !important;
  background-image: url("/templates/turbopress-v2/assets/media/black-background-with-orange-lines-light-pattern-scaled.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
.sec.products.domains-section.bg-primary.position-relative {
  background-color: #0b0c10 !important;
  background-image: url("/templates/turbopress-v2/assets/media/black-background-with-orange-lines-light-pattern-scaled.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
.domain-hero .h1 {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
}
/*KB*/
.kb-toc {
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 8px;
  padding: 12px 14px;
  margin: 0 0 36px 0;
}
.kb-toc__title {
  font-weight: 600;
  margin: 0 0 8px 0;
}
.kb-toc__list {
  margin: 0;
  padding-left: 18px;
}
.article :is(h1,h2,h3,h4,h5,h6)[id]{
  scroll-margin-top: 120px;
}
/* Domainspinning */
textarea#message[name="message"]{
  border: 0 !important;
  height: 80px !important;
}
#btnCheckAvailability {
    top: 50px !important;
}
@media (max-width: 575.98px){
  textarea#message[name="message"]{
    min-height: 160px !important;
  }
  #btnCheckAvailability {
    top: 120px !important;
  }
}
.product-holder.tp-sitepreview{
  position: relative;
  overflow: visible;
}
.product-holder.tp-sitepreview .tp-sitepreview-bg{
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}
.product-holder.tp-sitepreview .tp-sitepreview-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.product-holder.tp-sitepreview .product-content{
  position: relative;
  z-index: 1;
}
.product-holder.tp-sitepreview .product-image.tp-fallback{ display:block; }
.product-holder.tp-sitepreview.tp-shot-ok .product-image.tp-fallback{ display:none; }
.product-holder.tp-sitepreview .tp-sitepreview-badge{
  position: absolute;
  top: 40px;
  left: 0px;
  z-index: 10;
}
.tp-panel-box {
    height: 265px;
}
.tp-productdetails-box {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.navbar-nav .fa-signal { font-size: 0.85em; }
/* Filter-Chips der KI-Suche: Farben jetzt aus tp-refresh.less (die Box
   folgt dem Modus); das fruehere #333333 !important stammte aus der
   immer weissen Box. */
/* Haupt-CTA der Startseite. War #f07300 mit Weiss (2,6:1) in beiden Modi;
   jetzt Markenorange mit dunkler Schrift wie jeder .btn-primary (7,17:1).
   Die Werte kommen pro Build aus variables/tp-css-vars.less. */
#frmDomainHomepage #btnDomainSearch {
    background-color: var(--tp-accent) !important;
    border-color: var(--tp-accent) !important;
    color: var(--tp-on-accent) !important;
}
#frmDomainHomepage .btn.btn-success {
    display: none !important;
}
#frmDomainHomepage .home-domain-search {
    display: none !important;
}
#frmDomainHomepage .serach-form label {
    display: inline-flex !important;
    align-items: center !important;
}
#frmDomainHomepage textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}
/* Fokus in der immer weissen Suchbox: Rahmen im Fokusring-Ton
   (dunkel #FF7300, hell #E06400 -- 3,50:1 auf Weiss). Der Ring selbst
   liegt am Feld (main.less, :focus-visible). */
#frmDomainHomepage .serach-form.input-group:focus-within {
    border-color: var(--tp-focus-ring) !important;
    box-shadow: none !important;
}
/* Final review I4 / Hellmodus: .tp-metrics-row .. .tp-badge-warning leben
   allein im <style>-Block von includes/hooks/tp_hosting_report.php und
   konsumieren var(--tp-*, <helle Rueckfallfarbe>). --tp-badge-ok-bg/-text
   standen bis zum Hellmodus hier als feste dunkle Werte (#183223 /
   #94d3a2); sie werden jetzt pro Build in
   assets/less/variables/tp-css-vars.less aus den Tokens abgeleitet
   (gleiche Rechnung wie .alert-success), damit sie auch im hellen Build
   stimmen. Hier stehen sie deshalb nicht mehr -- custom.css laedt nach dem
   Theme-Stylesheet und wuerde sie sonst in beiden Modi ueberschreiben. */

/* Task 9: on-screen invoice as a light document sheet inside the dark
   page frame (the PDF stays untouched). Everything below is scoped to
   .TM-card.invoice, which only viewinvoice.tpl uses. */
.TM-card.invoice {
    background-color: var(--tp-surface-light) !important;
    color: var(--tp-text-on-light) !important;
}
.TM-card.invoice h1,
.TM-card.invoice h2,
.TM-card.invoice h3,
.TM-card.invoice h4,
.TM-card.invoice h5,
.TM-card.invoice h6,
.TM-card.invoice strong,
.TM-card.invoice address,
.TM-card.invoice .list-heading,
.TM-card.invoice .list-text,
.TM-card.invoice table {
    color: var(--tp-text-on-light) !important;
}
.TM-card.invoice .text-muted {
    color: rgba(11, 12, 16, 0.6) !important;
}
.TM-card.invoice a {
    /* var(--tp-accent) on white is only 2.73:1. Darkened the same way as */
    /* the .label-* colors below (mix toward black until >= 4.5:1 on #fff). */
    color: #bf5600 !important;
}
.TM-card.invoice .table thead th {
    border-bottom-color: rgba(11, 12, 16, 0.15) !important;
}
.TM-card.invoice .table td,
.TM-card.invoice .table th {
    border-top-color: rgba(11, 12, 16, 0.12) !important;
}
.TM-card.invoice .table-hover tbody tr:hover,
.TM-card.invoice table.table-hover tbody tr:focus {
    color: var(--tp-text-on-light) !important;
    background-color: rgba(11, 12, 16, 0.035) !important;
}
.TM-card.invoice .logo-light {
    display: none !important;
}
.TM-card.invoice .logo-dark {
    display: block !important;
}
/* .label-* Textfarben sind auf die Seitenflaechen des jeweiligen Modus
   abgestimmt (siehe label-badge.less), das Rechnungsblatt ist aber in
   beiden Modi weiss. Hier deshalb feste dunklere Toene und ein eigener,
   modusunabhaengiger Chip-Grund (10% Eigenton auf Weiss) -- der Grund aus
   label-badge.less haengt vom Build ab. Bisher #bf5600 / #bf4d00 / #208637
   / #c34b47 auf 15%-Chips: 3,8-4,0:1 ("Unbezahlt" #c34b47 auf #f6e4e3
   3,88:1). Jetzt >= 4,78:1, siehe jeweiliger Wert. */
.TM-card.invoice .label-info {
    /* 4,78:1 auf #f7ede6 */
    color: #ad4c00 !important;
    border-color: #ad4c00 !important;
    background-color: rgba(173, 76, 0, 0.1) !important;
}
.TM-card.invoice .label-warning {
    /* 5,37:1 auf #f6ece6 */
    color: #a34300 !important;
    border-color: #a34300 !important;
    background-color: rgba(163, 67, 0, 0.1) !important;
}
.TM-card.invoice .label-danger {
    /* Final review I2: unscoped .label-danger (label-badge.less) sets a
       dark @tp-surface-1 background for the dark panel chip; this scope
       overrode color/border but not background-color, so the dark chip
       still won on the light invoice sheet (viewinvoice.tpl "Unbezahlt"). */
    /* 5,38:1 auf #f6ebeb */
    color: #a93a36 !important;
    border-color: #a93a36 !important;
    background-color: rgba(169, 58, 54, 0.1) !important;
}
.TM-card.invoice .label-success {
    /* 5,34:1 auf #e8f1ea */
    color: #1b7030 !important;
    border-color: #1b7030 !important;
    background-color: rgba(27, 112, 48, 0.1) !important;
}