/* Top bar: contact details in white (the theme gives these links the accent colour). */
html body #topbar .header-info .content,html body #topbar .header-info .content a{color:#fff}
html body #topbar .header-info .content a:hover{color:#f5ad0d}
/* Footer legal line: company data and policy links. */
html body #copyright .arva-legal{display:inline-flex;flex-wrap:wrap;justify-content:center;row-gap:4px}
html body #copyright .arva-legal>span+span:before{content:"|";margin:0 10px;opacity:.5}
html body #copyright .arva-legal a{color:inherit;text-decoration:underline}
/* Project cards: on hover, two-line titles were pushed above the top edge of the card. */
html body .master-project.sep-before.style-1:hover .desc{margin-bottom:18px}
/* The resting offset hides the description below the card; it must follow the smaller desktop spacing (arva-compact.php). */
@media (min-width:1025px){
html body .master-project.style-1 .text-wrap{transform:translateY(85px)}
html body .desc2 .master-project.style-1 .text-wrap{transform:translateY(68px)}
}
/* About page: the parallax images are absolutely positioned; reserve their height (about 1.04 x the column width). */
html body .elementor-element-c23d503 .master-parallax-box{aspect-ratio:25/26}
/* Contact form privacy note. */
html body .arva-form-note{font-size:14px;line-height:1.5;color:#777;margin:5px 0 20px}
html body .arva-form-note a{text-decoration:underline}
/* Main menu: fewer items (Acasă and Certificări removed), so the labels can be larger than the compact desktop size. */
@media (min-width:1200px){
html body #main-nav>ul>li>a{font-size:17px}
html body #main-nav>ul>li{padding:0 20px}
}
/* Contact form: the e-mail field is now alone in its row; without this its paragraph shrinks to the input's default width. */
html body .byron-cf7-0 .wpcf7 .input-wrap>p{flex:1 1 100%;width:100%}
/* Home slider: Slider Revolution turns the hero full-width only after it initialises, which moved the
   slides sideways (layout shift 0.13). Reserve the final full-width geometry from the first paint. */
@media (min-width:1025px){
html body .wp-block-themepunch-revslider,html body rs-module-wrap#rev_slider_1_1_wrapper{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
}
/* Icon fonts: icons.css draws every icon the site uses as an SVG mask, so the five icon font files
   (211 KB per page) are no longer needed. The families must go as well, or the browser still fetches them. */
html body .fa,html body .fas,html body .fab,html body .far,html body [class^="byr-"],html body [class*=" byr-"],html body .tparrows,html body rs-arrow,html body .mobi-overlay .close,html body #scroll-top,html body .header-info .content{font-family:inherit!important}
/* Home service boxes: the first one has less text, so it ended shorter than the other two (owner, 16.09).
   325px is the tallest of the three in Romanian and English, at every desktop width (it grew with the
   readable text floor in arva-compact.php). */
@media (min-width:1025px){
html body .elementor-widget-mae-service-box .master-service>.content-wrap{min-height:325px}
}
/* The narrow band under the hero (220px tall) used the 3024x4032 original as its background.
   The hero's 1920x1080 crop is already in the browser cache, so this costs nothing extra. */
html body .elementor-727 .elementor-element.elementor-element-e591892,
html body .elementor-727 .elementor-element.elementor-element-e591892>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-image:url(/wp-content/uploads/2022/12/0e16291-1920x1080.png)!important}
/* Icons the theme positions absolutely: the old font glyph sat on the text baseline, the mask box does not,
   so centre it on the line (top bar contact details, back-to-top arrow). */
html body #topbar .header-info .content.phone:before,
html body #topbar .header-info .content.email:before,
html body #topbar .header-info .content.address:before{top:50%;margin-top:-.5em;width:.8em}
/* ...and the text needs a little room next to it: the icon is absolutely positioned, so the gap comes from
   the text's own padding (8px between icon and text). */
html body #topbar .header-info .content{padding-left:50px}
html body #scroll-top:after{top:50%;left:50%;margin:-.5em 0 0 -.5em}
/* Click-to-call under the quote heading on the service and landing pages. */
html body .arva-call{display:inline-block;margin-top:4px;padding:10px 18px;border:2px solid #a31f37;border-radius:3px;font-weight:600;font-size:17px;color:#a31f37;text-decoration:none;transition:background-color .3s ease,color .3s ease}
html body .arva-call:hover,html body .arva-call:focus-visible{background:#a31f37;color:#fff}