/* Pagina /gazduire-web/.
   Două lucruri: banda albă de sus, unde a urcat titlul paginii, și lista cu
   bifă din secțiunea „Găzduire Web Shared".
   Scris de scripts/gazduire.py. */

/* --- banda de sus ----------------------------------------------------- */
/* Titlul și paragraful erau albe, fiindcă stăteau pe violet. Acum deschid
   pagina, pe alb, deci titlul își ia degradeul site-ului de la futurist.css,
   iar paragraful culoarea obișnuită a textului. */
/* Ritmul dintre benzi îl ține futurist.css: 56px sus și 56px jos pentru
   fiecare bandă, adică 112px de gol între ele. Banda asta e nouă și avea
   spațiile ei, deci ieșea din rând. Acum le ia pe ale site-ului. */
.rdn-gw-sus{
  --awb-padding-top: 56px !important;
  --awb-padding-bottom: 56px !important;
  padding-top: 56px;
  padding-bottom: 56px;
}

/* Banda cu logourile de parteneri e, pe toate celelalte pagini, prima de
   sus, iar acolo stă strânsă: 22px sus, 18px jos. Aici a coborât la
   mijlocul paginii, între două benzi de conținut, deci trebuie să respire
   la fel ca vecinele ei. */
.rdn-parteneri.rdn-parteneri--mijloc{
  --awb-padding-top: 56px !important;
  --awb-padding-bottom: 56px !important;
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.rdn-gw-sus .fusion-title{
  margin-bottom: 0;
}

/* Coloana trebuie să se poată strânge. Fără asta, pe telefon titlul se
   întindea la lățimea lui firească — 590px pe un ecran de 390 — și ieșea
   din pagină. „min-width:auto" e valoarea implicită a unui element flex și
   nu-l lasă să scadă sub conținut. */
.rdn-gw-sus .fusion-layout-column,
.rdn-gw-sus .fusion-column-wrapper,
.rdn-gw-sus .fusion-title{
  min-width: 0;
  max-width: 100%;
}

/* Lățimea și centrarea le ține cutia, nu paragraful: tema pune „margin:0"
   pe orice <p> din .fusion-text, cu mai multă greutate decât regula noastră,
   așa că un „margin:0 auto" acolo n-ar avea niciun efect. */
.rdn-gw-sus .fusion-text{
  display: block;
  max-width: 74ch;
  margin: 0 auto;
  text-align: center;
}

.rdn-gw-intro{
  font-size: 16px;
  line-height: 1.75;
  color: #55607a;
}

@media (max-width: 800px){
  .rdn-gw-intro{font-size: 15px}
}

/* --- lista cu bifă, pe fundal alb ------------------------------------- */
/* .rdn-intro din sectiuni-flux.css e desenat pentru benzile violete: panou
   de sticlă și scris alb. Aici stă pe alb, deci îi dăm culorile de zi.
   Aceleași valori ca varianta .rdn-sus-alb de pe Web Design, doar că fără
   fundalul și spațierile ei, care nu se potrivesc paginii ăsteia. */
.rdn-gw-lista .rdn-intro{
  background: none;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  padding: 0;
}

.rdn-gw-lista .rdn-intro-text{color: #55607a}
.rdn-gw-lista .rdn-intro-eticheta{color: #6239bd}
.rdn-gw-lista .rdn-intro-lista li{color: #33405c}

.rdn-gw-lista .rdn-intro-lista li::before{
  background: rgba(98, 57, 189, .1);
  border-color: rgba(98, 57, 189, .45);
}

.rdn-gw-lista .rdn-intro-lista li::after{border-color: #6239bd}

.rdn-gw-lista .rdn-intro-chemare{
  color: #19233f;
  border-top-color: rgba(25, 35, 63, .14);
}

/* coloana e îngustă (jumătate de rând), deci lista stă pe un singur șir */
@media (min-width: 801px){
  .rdn-gw-lista .rdn-intro-lista{grid-template-columns: repeat(2, minmax(0, 1fr))}
}

/* --- numele pachetului, sub titlul tabelului -------------------------- */
/* Toate cele șase tabele scriau doar „Găzduire Shared". Titlul rămâne, iar
   dedesubt vine numele pachetului: Economy, Entry, Premium, Business,
   Corporate, Stellar. */
.rdn-pachet-nume{
  margin: 6px 0 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.6px;
  text-transform: uppercase;
  color: var(--rdn-cyan, #74c5da);
}

/* pe fundal deschis turcoazul e prea palid; îl întoarcem spre violet */
.panel-heading .rdn-pachet-nume{
  color: #8b63e8;
}

/* --- contoarele ------------------------------------------------------- */
/* Erau trei, identice. Au rămas două. Grila din sectiuni-flux.css taie rândul
   în trei coloane, așa că două cutii ar fi lăsat un gol în dreapta. */
.fusion-counters-box.fusion-columns-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 800px){
  .fusion-counters-box.fusion-columns-2{grid-template-columns: 1fr}
}

/* Pe telefon, pasul de 56px al benzilor de aici iese prea mare, la fel ca
   peste tot; futurist.css le strânge la 36px, dar benzile astea două își
   scriu singure spațiul, deci trebuie strânse și ele. */
@media (max-width: 800px){
  .rdn-gw-sus{
    --awb-padding-top: 36px !important;
    --awb-padding-bottom: 36px !important;
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .rdn-parteneri.rdn-parteneri--mijloc{
    --awb-padding-top: 36px !important;
    --awb-padding-bottom: 36px !important;
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}