/* GENERATED by rtlcss 4 from css/custom.css -- do not edit by hand.
Mirrored for right-to-left languages; regenerate after changing the source. */
@import url(/fonts/inter/inter-local.css);:root{--alt-font:'Inter', sans-serif;--primary-font:'Inter', sans-serif;--base-color:#0a6956;--dark-gray:#333333;--green:#0fc978;--medium-gray:#6e7982}::-webkit-input-placeholder{color:#6e7982!important;text-overflow:ellipsis}::-moz-placeholder{color:#6e7982!important;text-overflow:ellipsis;opacity:1}:-ms-input-placeholder{color:#6e7982!important;text-overflow:ellipsis;opacity:1}body{line-height:30px}.header-icon .icon>a{font-size:15px}header .navbar-brand img{max-height:32px}.sticky .header-transparent .header-button .btn{background-color:var(--dark-gray);color:var(--white)}.sticky .header-transparent .header-button .btn:hover{border-color:var(--dark-gray)}.navbar .navbar-nav .nav-link{font-size:17px}.bg-midnight-dark-blue{background-color:#191d3c}.bg-dark-blue{background-color:#0d1229}.bg-arsenic-grey{background-color:#3c414a!important}.bg-transparent-white-light{background-color:rgb(255 255 255 / .1)!important}.btn{text-transform:initial;letter-spacing:0}.btn i,.btn.btn-hover-animation-switch .btn-icon{margin-right:6px}.btn.btn-switch-text.btn-extra-large>span{font-size:17px;padding:16px 36px}.btn.btn-switch-text.btn-large>span{font-size:15px;padding:14px 34px}.btn.btn-switch-text.btn-medium>span{font-size:14px;padding:12px 28px}.btn.btn-switch-text.btn-small>span{font-size:13px;padding:8px 20px}.btn.btn-switch-text.btn-very-small>span{font-size:12px;padding:6px 20px}.btn.btn-link{padding:0 0 2px}.btn-yellow{background-color:var(--yellow);color:var(--dark-gray)}.btn-yellow:hover{background-color:#fff0;border-color:var(--yellow);color:var(--yellow)}.btn.btn-box-shadow.btn-yellow:hover{background-color:var(--yellow)!important;color:var(--dark-gray)!important}.btn-green{background-color:var(--green);color:var(--white)}.btn-green:hover{background-color:var(--white);border-color:var(--white);color:var(--dark-gray)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:25px}.page-title-extra-small h2{font-size:3.25rem;line-height:3.425rem}.form-check-input:checked{background-color:var(--base-color)!important;border-color:var(--base-color)!important}.form-check-input:focus{outline:none;box-shadow:none}footer{padding-top:100px}footer .footer-logo img{max-height:32px}.footer-dark a:hover{color:var(--white)}footer ul li{margin-bottom:0}.newsletter-style-02 .btn i{top:-1px}.newsletter-style-02 input{font-size:14px}@media (max-width:991px){[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner{background-position:center center;background-size:cover}}@media (max-width:1199px){.btn.btn-switch-text.btn-small>span{padding:6px 18px}footer{padding-top:80px}.btn.btn-switch-text.btn-extra-large>span{padding:16px 30px}.btn.btn-switch-text.btn-large>span{padding:14px 30px}}@media (max-width:767px){footer{padding-top:50px}.newsletter-style-02 .btn i{top:0}}.bg-white{--bs-bg-opacity:1;background-color:#fff!important}.bg-transparent{--bs-bg-opacity:1;background-color:#ffffff!important}.btn.btn-rounded-10.btn-rounded-10{-webkit-border-radius:50px;border-radius:10px}.text-bold{font-weight:700}.mb-2px{margin-bottom:2px!important}.m-5px{margin:5px!important}.text-underline{text-decoration-line:underline}.ml-10{margin-right:10px}.bg-green-new{background-color:#2b4034}.color-potenting-dark{color:#363636}header .header-top-bar+.navbar{background-color:#fcfcfc}.btn-yellow{background-color:var(--yellow)}.sticky .header-transparent .header-button .btn{background-color:var(--yellow);color:var(--dark-gray)}.btn.btn-dark-gray{background-color:#0a6956}.text-gradient-green-gold{background-image:linear-gradient(to left,#0a4034,#ffd700,#0a6a56)}.btn-base-color{color:#e8e8e8!important}.btn-base-color:hover{color:#bebebe!important}.bg-base-color{background-color:#0a6956}.map-container{position:relative;width:100%;max-width:1200px;margin:30px auto;overflow:hidden}.location-icon{position:absolute;color:#9a253d;cursor:pointer;font-size:24px;transform:translate(50%,-50%);transition:all 0.3s;z-index:10;text-shadow:0 0 5px rgb(255 255 255 / .8)}.location-icon{font-size:20px}@media (max-width:768px){.location-icon{font-size:15px}}@media (max-width:576px){.location-icon{font-size:12px}}.tooltip-inner{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:14px;padding:8px 12px;background-color:#212529}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{border-top-color:#212529}.location-icon{animation:zoomLoop 1.5s ease-in-out infinite;transform-origin:center center}.location-icon:hover{animation:none!important;transform:scale(1);color:#0a4034!important}@keyframes zoomLoop{0%{transform:scale(1)}50%{transform:scale(1.25)}100%{transform:scale(1)}}.custom-btn-base-color{color:#363636}.bg-custom-green{background-color:#0a4034;color:#fff}@media (min-width:1000px){.h-custom{height:130px}}.opacity-0-5{opacity:0.05!important}@media (max-height:720px){.custom-drwopdown-menu-header{overflow:auto;max-height:400px}}@media (min-height:721px){.scroll-indicator{display:none!important}}@media (max-width:991px){.custom-drwopdown-menu-header{overflow:hidden;max-height:max-content}}.bg-light-gray{background:#c1c1c1}.vps-card-bg{background:linear-gradient(to bottom,#0a6956,#2b4034);border-radius:15px;box-shadow:0 4px 8px rgb(0 0 0 / .2)}.swiper-number-pagination-style-01 .swiper-number{bottom:40px}.timeline{position:relative;padding-left:50px}.timeline-vertical-line{position:absolute;right:14px;width:2px;background-color:#dee2e6;z-index:0;transition:height 0.5s ease-in-out,top 0.5s ease-in-out}.timeline-item{position:relative;padding-bottom:30px}.timeline-dot{position:absolute;right:-3px;top:3px;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:700;border:5px solid #e1dedef0;background:#e1dedef0;color:#fff;z-index:1;cursor:pointer}.timeline-dot.active{color:#d9dfdc;border-color:#198754;background:#0a6956;border:5px solid #c6ddd270}.timeline-title{cursor:pointer;font-weight:400;transition:color .5s ease-in-out}.timeline-title[aria-expanded="false"]{color:#6c757d;opacity:.75;font-size:24px;transition:font-size 0.4s ease}.timeline-content{padding-right:45px}.bg-custom-silvery-white{background-color:#e4e4e4}.btn.btn-light.px-3.py-2.rounded-3.order-now-btn:hover{color:#000;background-color:#fff;border-color:#fff;transform:translateY(-2px)}.timeline-title[aria-expanded="true"]{color:#393939;font-weight:700}.text-justify{text-align:justify}.text-shadow-light{text-shadow:0 0 100px rgb(65 65 65 / 90%)}html{scroll-behavior:smooth}.border-right{border-left:2px solid #f5f5f5}.btn-custom-red{background:#9a253d!important}@media (max-width:665px){.bg-sm-image-unset{background-image:unset!important}}@media (max-width:1648px){.bg-img-slider{background-position-x:27%!important}}@media (max-width:768px){.fs-sm-20{font-size:20px!important}.fs-sm-30{font-size:30px!important}.btn.btn-rounded.btn-extra-large{padding:9px 20px}.btn.with-rounded>span{width:30px;height:30px;left:5px}.btn.with-rounded.btn-extra-large{padding-left:42px}.btn.btn-extra-large{font-size:12px}.bg-img-slider{background-position-x:100%!important}}@media (min-width:576px){.pt-sm-4{padding-top:1.5rem!important}.pb-sm-4{padding-bottom:1.5rem!important}}@media (max-width:991px){.w-md-100{width:100%!important}}@media (max-width:999px){.mt-slider-sm{margin-top:125px!important}}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.nav-link.color-potenting-dark:active{color:#9a253d}.scroll-indicator{position:sticky;bottom:0;right:50%;height:30px;display:none}.scroll-indicator i{animation:bounce 1s infinite;color:#888;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:17px;right:50%!important;position:sticky}@media (max-width:992px){.scroll-indicator{display:none!important}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}#backdrop-overlay{position:fixed;top:0;right:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);backdrop-filter:blur(5px);z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out}#backdrop-overlay.active{opacity:1;visibility:visible}.navbar-nav .dropdown-menu,.header-top-bar{z-index:10000!important}.header-transparent{z-index:10000!important}.top-bar-container{display:flex;align-items:center;position:relative}.left-section{display:flex;align-items:center;flex-grow:1;transition:opacity 0.6s ease-in-out;pointer-events:auto}.search-container{display:flex;align-items:center;position:absolute;pointer-events:none;opacity:0;transition:opacity 0.6s ease-in-out,width 0.6s ease-in-out;width:0;transform-origin:right}.search-container.active{opacity:1;pointer-events:auto;transition:opacity 0.6s ease-in-out,width 0.6s ease-in-out}@media (max-width:991.98px){ul.blog-grid.blog-wrapper.grid.grid-3col.xl-grid-3col.lg-grid-3col.md-grid-2col.sm-grid-2col.xs-grid-1col > li.grid-item:nth-last-child(3n+1):last-child{right:25%!important;}.search-container{right:0;left:0;width:100%;padding:0 1rem;justify-content:space-between}}.search-input-box{display:flex;align-items:center;flex-grow:1}@media (max-width:991.98px){.search-input-box{flex-grow:1;width:100%}}.search-bar{border-radius:0 5px 5px 0;border:none;height:32px}.btn-search{border-radius:5px 0 0 5px;background:#9a253d;border-color:#9a253d;height:32px}.btn-search:hover{background-color:#9a253d;border-color:#9a253d}.actions-section{display:flex;align-items:center;white-space:nowrap}.actions-section a,.actions-section button{color:#fff;font-size:13px;margin-right:20px;display:flex;align-items:center}.actions-section.is-hidden{opacity:0;pointer-events:none}.close-search-btn-mobile{display:none;background:none}@media (max-width:991.98px){.close-search-btn-mobile{display:block}}@media (min-width:992px){.active-link:not(.opacity-100.align-items-start){color:#9a253d!important}}.scroll-indicator{transition:opacity 0.3s ease-in-out,height 0.3s ease-in-out,padding 0.3s ease-in-out,margin 0.3s ease-in-out;overflow:hidden;opacity:1;height:25px;padding:5px 0;margin:5px 0;display:flex;align-items:center;justify-content:center}.scroll-indicator.hide{opacity:0;height:0!important;padding:0;margin:0;pointer-events:none}@media(min-width: 992px){.mt-lg-0 {margin-top: 0 !important;}}@media(min-width: 768px){.mb-md-5 { margin-bottom: 3rem !important;}}@media (max-width: 576px){ul.blog-grid.blog-wrapper.grid.grid-3col.xl-grid-3col.lg-grid-3col.md-grid-2col.sm-grid-2col.xs-grid-1col > li.grid-item:nth-last-child(3n+1):last-child{right:0%!important;}}@media (max-width: 991px) {.mt-slider-sm { margin-top: 113px !important;}}@media (max-width: 769px) {.mt-slider-sm { margin-top: 112px !important;}}.fs-custom-15{font-size: 15px !important}.bootstrap-switch.bootstrap-switch-small{min-width:62px!important;overflow:hidden!important}.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-label{min-width:28px!important;padding:3px 8px!important;font-size:12px!important}.marketing-email-optin,.marketing-email-optin *{overflow:visible!important}select.form-control,select.field{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:left .75rem center!important;background-size:16px 12px!important;background-color:#fff;padding-left:2.25rem!important;cursor:pointer}.header-top-bar.cover-background{overflow:visible!important;z-index:10002!important;position:relative}.pot-lang-dropdown{position:relative}.pot-lang-dropdown>a{cursor:pointer;text-decoration:none}.pot-lang-toggle{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:50px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.4px;line-height:1;transition:background .2s,border-color .2s}.pot-lang-toggle:hover,.pot-lang-toggle[aria-expanded="true"]{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);color:#fff;text-decoration:none}.pot-lang-toggle-icon{font-size:13px;color:#fff;opacity:.9}.pot-lang-toggle-text{font-size:12px;letter-spacing:.5px}.pot-lang-toggle-caret{font-size:9px;opacity:.7;transition:transform .2s}.pot-lang-toggle[aria-expanded="true"] .pot-lang-toggle-caret{transform:rotate(-180deg)}@media (max-width:575px){.pot-lang-toggle{padding:4px 9px}.pot-lang-toggle-text{display:none}}.pot-lang-dropdown .pot-lang-menu{display:none;position:absolute;top:100%;left:0;z-index:100020;background:#fff;padding:0;border:none;border-radius:10px;box-shadow:0 10px 40px rgb(0 0 0 / .18);min-width:340px;margin-top:10px;overflow:hidden}.pot-lang-dropdown .pot-lang-menu.show{display:block}.pot-lang-head{padding:12px 16px;font-size:13px;font-weight:700;color:#fff;background:#2b4034;letter-spacing:.3px}.pot-lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eef1ef;max-height:340px;overflow-y:auto}.pot-lang-item{display:flex!important;align-items:center;gap:8px;padding:9px 12px;background:#fff;font-size:13px!important;color:#333!important;text-decoration:none!important;cursor:default;transition:background .15s}.pot-lang-item[aria-disabled="true"]{opacity:.65}.pot-lang-item[href]:not(.active){cursor:pointer;opacity:1}.pot-lang-item[href]:not(.active):hover{background:#f5f9f7;color:#0a6956!important}.pot-lang-item.active{background:#f1f8f5;color:#0a6956!important;font-weight:600}.pot-lang-item .pot-lang-name{color:inherit!important}.pot-lang-code{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:20px;background:#eef1ef;border-radius:4px;font-size:10px;font-weight:700;color:#6e7982;flex:0 0 auto}.pot-lang-item.active .pot-lang-code{background:#0a6956;color:#fff}.pot-lang-name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pot-lang-check{color:#0a6956;font-size:11px}.pot-lang-soon{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#b06a00;background:#fff3e0;padding:2px 6px;border-radius:20px;flex:0 0 auto}@media (max-width:575px){.pot-lang-dropdown .pot-lang-menu{min-width:280px}.pot-lang-grid{grid-template-columns:1fr}}
@media (max-width:991.666px){.mobile-space{margin-top:5rem!important;margin-bottom:6rem!important}}
@media (min-width:768px) and (max-width:991.66px){#vps-details-container .row-item{padding-right:30px!important;padding-left:30px!important}#vps-details-container .row-item .col-md-10{flex:0 0 70%!important;max-width:70%!important}#vps-details-container .row-item>div:last-child{flex:0 0 25%!important;max-width:25%!important;display:flex!important;justify-content:flex-end!important}}
.pot-lang-grid{overscroll-behavior:contain}
/* ---- Translated labels in the top bar -------------------------------------------------
The login link is a fixed 80px, which fits the English "Login". Translations run up to
three times longer ("Iniciar sesión", "Connexion", "تسجيل الدخول") and spilled over the
Sign up button; on phones the Spanish one pushed the whole top bar past the viewport.
On desktop the link now grows to fit its label. On phones the label is hidden visually
-- it stays the link's accessible name -- and only the icon shows. English, which fits,
is left exactly as it was. */
html:not([lang="en"]) #pot-auth-guest a.w-80px { width: auto !important; min-width: 80px; flex-shrink: 0; gap: 6px; margin-inline-end: 8px; }
/* The icon's me-5/pe-5 spacing is not counted when the link sizes itself to its content,
so the centred label spilled a few pixels out of both sides. Space it with gap instead. */
html:not([lang="en"]) #pot-auth-guest a.w-80px > i { margin: 0 !important; padding: 0 !important; }
html:not([lang="en"]) #pot-auth-guest a.w-80px > span { margin: 0 !important; }
/* flex-shrink: 0 matters as much as the width, and on the whole chain: the account group,
the link and its label are all flex items, and any one of them giving way let the label run
under the Sign up button. The tagline below is what gives way instead. */
html:not([lang="en"]) :is(#actions-section, #pot-auth-guest, #pot-auth-guest > a, #pot-auth-guest > a > span) { flex-shrink: 0; }
/* The top-bar tagline is one short line in English. Translated, it runs to two lines on
992-1199px screens and doubles the height of the bar. Keep it on one line and let it
give way to the account links, with an ellipsis, rather than push them. */
html:not([lang="en"]) #left-section { min-width: 0; }
html:not([lang="en"]) #message-section { min-width: 0; overflow: hidden; }
html:not([lang="en"]) #message-section > span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 575px) {
html:not([lang="en"]) #pot-auth-guest a.w-80px { min-width: 0; }
html:not([lang="en"]) #pot-auth-guest a.w-80px > span {
position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
html:not([lang="en"]) #pot-auth-guest a.w-80px > i { margin: 0 !important; padding: 0 !important; }
}
/* ---- Language menu cells ------------------------------------------------------------
The menu lives inside .actions-section, whose rule gives every a 20px left margin
for the top-bar spacing. The menu items are too, so each sat 20px in from its cell
and the grey grid background showed through as a stripe down both columns. The cells
now meet at the grid's 1px hairline. minmax(0, 1fr) keeps the two columns equal
instead of letting the longest language name widen one of them. */
.pot-lang-dropdown .pot-lang-menu .pot-lang-item { margin: 0 !important; }
.pot-lang-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 575px) { .pot-lang-grid { grid-template-columns: minmax(0, 1fr); } }
/* ---- Translated copy in layouts that were only ever filled with English -------------
Found by screenshot review of every page in every language, desktop and phone. Each
rule is scoped to translations unless it is also harmless for English. */
/* Headings: small ones (an h3 set at fs-20) keep the tag's display line-height, 50px, and
a translated title that wraps got a 30px gap between its lines. That line-height is also
what spaces a one-line title, so it cannot simply be lowered; main.js (potTidyHeadings)
tightens only headings that actually wrap, and keeps their outer spacing. It also fits a
word too wide for the line (smaller type, then hyphenation for that heading only). */
:is(h1, h2, h3, h4, h5, h6):not(.pot-hy) { hyphens: manual; -webkit-hyphens: manual; }
.pot-hy { hyphens: auto; -webkit-hyphens: auto; }
/* Automatic hyphenation (on for the compound-word languages) left short words broken:
"Po-tenting", "Word-Press", "be-drijven". Only words of 12+ letters are hyphenated now,
with at least five on each side of the break. */
html { hyphenate-limit-chars: 12 5 5; }
/* Plan rows (VPS locations, shared hosting, cloud): four equal 25% columns fitted the
English labels. "Almacenamiento: 25 GB" did not, so the value dropped to a second line
or ran into the RAM column. On wide screens the columns now share the row but never
shrink below their content; below that the spec pieces wrap as whole items. */
@media (min-width: 768px) {
html:not([lang="en"]) #vps-details-container .row-item > .row > span { white-space: nowrap; }
}
@media (min-width: 768px) {
/* the spec block is a fixed 10/12 of the row; with a longer "details" label beside it
("подробнее") the compare box was pushed out of the row */
/* .row also carries the grid's negative end margin, which pulled the last spec 15px
under the button once the specs size to their text */
html:not([lang="en"]) #vps-details-container .row-item > .row { flex: 1 1 auto; width: auto; margin-inline-end: 0; }
html:not([lang="en"]) #vps-details-container .row-item { column-gap: 12px; }
}
@media (min-width: 1200px) {
html:not([lang="en"]) #vps-details-container .row-item > .row {
display: grid;
grid-template-columns: repeat(4, minmax(max-content, 1fr));
column-gap: 24px;
}
html:not([lang="en"]) #vps-details-container .row-item > .row > span { width: auto; max-width: none; }
}
/* Domain price table on phones: the table is fixed-layout, four equal columns, and the
translated headers ("Registrieren", "Enregistrer") broke letter by letter. Smaller type,
and a proper hyphenated break where one is still needed. */
@media (max-width: 575px) {
html:not([lang="en"]) .dataTable thead th {
font-size: 13px;
line-height: 1.3;
padding-right: 4px !important;
padding-left: 4px !important;
word-break: normal;
overflow-wrap: anywhere;
hyphens: auto;
-webkit-hyphens: auto;
}
}
/* The domain search field ran its placeholder under the search button. */
#mainDomainInput { padding-left: 64px; text-overflow: ellipsis; }
/* Offer links on the domain cards and the home plan cards: "Obtener oferta", "Получить
предложение" wrapped and left the arrow on a line of its own. The link keeps one line and
the price beside it gives up the room; if both still do not fit, the link moves under
the price, right-aligned. */
html:not([lang="en"]) .col-6:has(> a.custom-btn-base-color) { flex: 0 0 auto; width: auto; margin-inline-start: auto; white-space: nowrap; }
html:not([lang="en"]) .col-6:has(+ .col-6 > a.custom-btn-base-color) { flex: 1 1 auto; width: auto; }
/* Button labels inside the search-style forms (hosting page "Get started") broke in two.
On phones the theme fixes that button at 45% of the form, so it also has to be allowed
to widen to its label. */
html:not([lang="en"]) .newsletter-style-01 .btn { white-space: nowrap; }
@media (max-width: 767px) {
html:not([lang="en"]) .newsletter-style-01 .btn:not(.position-absolute) { width: auto; min-width: 45%; max-width: 100%; padding-right: 14px; padding-left: 14px; }
}
/* Cloud cost calculator: the label column is 140px, set for "Availability Zone:". */
html:not([lang="en"]) .cloud-label { word-break: normal; overflow-wrap: break-word; line-height: 1.35; }
@media (min-width: 768px) {
html:not([lang="en"]) .cloud-label { width: 200px; min-width: 200px; }
}
/* About-page counters: a label that wraps made its box taller, and the box centres its
content, so that number sat higher than its neighbours. Top-align them all. */
.counter-style-01 > .feature-box { justify-content: flex-start; }
html:not([lang="en"]) .counter-style-01 .feature-box-content > span { line-height: 1.35; }
/* Footer link row on phones: translated labels do not fit one line, and the wrap left a
separator bar hanging at the end of the first line. Wrap as spaced items instead. */
@media (max-width: 767px) {
html:not([lang="en"]) .footer-bottom ul.row {
flex-wrap: wrap;
column-gap: 18px;
row-gap: 6px;
margin-right: 0;
margin-left: 0;
}
html:not([lang="en"]) .footer-bottom ul.row > li { flex: 0 0 auto; width: auto; border: 0 !important; padding: 0 !important; }
}
/* Offer boxes on the dedicated and colocation pages: the caption sat beside the "Get Quote"
button in English; the longer translated button pushed it onto its own line, indented.
Button and caption now share a flex row, and the caption wraps within its own space. */
html:not([lang="en"]) .bg-gradient-very-light-gray:has(> .btn + span.fs-15) { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px 15px; }
html:not([lang="en"]) .bg-gradient-very-light-gray:has(> .btn + span.fs-15) > span.fs-15 { margin: 0 !important; line-height: 1.35; }
html:not([lang="en"]) .bg-gradient-very-light-gray:has(> .btn + span.fs-15) > .btn { flex: 0 0 auto; margin: 0 !important; }
@media (min-width: 576px) {
html:not([lang="en"]) .bg-gradient-very-light-gray:has(> .btn + span.fs-15) { flex-wrap: nowrap; }
html:not([lang="en"]) .bg-gradient-very-light-gray:has(> .btn + span.fs-15) > span.fs-15 { flex: 1 1 0; min-width: 0; }
}
@media (max-width: 575px) {
/* phones centre this row; a caption that does not fit beside the button goes under it,
centred, instead of indented */
html:not([lang="en"]) .bg-gradient-very-light-gray:has(> .btn + span.fs-15) { justify-content: center; text-align: center; }
}
/* "Order Now" in the green plan card is a fixed half-width button; "Hemen sipariş verin"
broke onto two lines in it. */
html:not([lang="en"]) .order-link.w-50 { width: auto !important; min-width: 50%; white-space: nowrap; }
/* Phones: the domain search placeholder fits better one size down. */
@media (max-width: 575px) {
html:not([lang="en"]) #mainDomainInput::placeholder { font-size: 14px; }
}
/* Contact form: the field icons sit over the end of the input, and longer placeholders
("Введіть адресу електронної пошти*") ran under them. */
html:not([lang="en"]) .form-group:has(> .form-icon) > .form-control { padding-inline-end: 40px !important; text-overflow: ellipsis; }
@media (max-width: 575px) {
html:not([lang="en"]) :is(.newsletter-style-02 input, .form-group > .form-control)::placeholder { font-size: 14px; }
/* the domain price-table header: a notch smaller again for the longest labels
("Продовжити", "Зарегистрировать") */
html:not([lang="en"]) .dataTable thead th { font-size: 12px; padding-right: 3px !important; padding-left: 3px !important; }
}
/* Line breaking in translated headings and paragraphs: balanced heading lines instead of a
last line holding one word ("på") or, in Chinese and Japanese, one character ("施", "们！");
paragraphs avoid a lone last word. Browsers without text-wrap ignore it. */
html:not([lang="en"]) :is(h1, h2, h3, h4, h5, h6) { text-wrap: balance; }
html:not([lang="en"]) p { text-wrap: pretty; }
/* FAQ boxes: the faint question-mark picture is positioned, so it was painted over a
translated heading long enough to reach it ("Preguntas frecuentes"). */
html:not([lang="en"]) .bg-light.position-relative > h2 { position: relative; z-index: 1; }
/* Large headings: the theme sets h1-h3 on a line as tall as the type (line-height 1.0),
which English capitals fit. Marks below and above letters do not: Romanian ț/ș commas
landed on the next line ("potŕivită"), and the same goes for ą ę, ç ş, ő ű, Ё Й.
1.2 for every translation; the language files that need more (Spanish, Vietnamese, the
Arabic, Indic, Thai and CJK scripts) set more and win. Small utility-sized headings are
left on the theme's roomy line. */
html:not([lang="en"]) :is(h1, h2, h3):not(.fs-12, .fs-13, .fs-14, .fs-15, .fs-16, .fs-17, .fs-18, .fs-19, .fs-20, .fs-22, .fs-24, .fs-26, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6) {
line-height: 1.2;
}
/* Justified paragraphs: the English is justified; translated text with long words (and no
automatic hyphenation) opened wide gaps between words. Ragged-right instead. */
html:not([lang="en"]) .text-justify { text-align: start; }
/* Check lists in the offer boxes: a translated item that wraps started its second line
under the check mark. On wide screens (where the list is left-aligned) the text now
hangs clear of the icon; on phones the list stays centred as designed. */
@media (min-width: 992px) {
html:not([lang="en"]) ul.text-lg-start > li:has(> i.icon-feather-check:first-child) { display: flex; align-items: baseline; }
html:not([lang="en"]) ul.text-lg-start > li:has(> i.icon-feather-check:first-child) > i { flex: 0 0 auto; }
}