/*
 * CJ Vrancea - discreet modernisation of the front page (6 Nov 2026, approved by the owner on a live preview).
 * Loaded from functions-cjv.php (section 4). Colours, layout, menu and logo are NOT changed.
 * Maintained internally; keep every rule scoped to the theme's own classes.
 */

/* --- 1. Roboto, self-hosted (the theme asks for Roboto but never loaded it: Windows showed Arial) ---
 * Files: @fontsource/roboto 5.3.0, SIL Open Font License 1.1 (fonts/LICENSE-OFL.txt).
 * latin covers a/i circumflex, latin-ext covers the Romanian a breve, s/t comma. */
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* --- 2. Text left aligned instead of justified (no uneven gaps between words). Same size: card heights,
 *        and therefore the cover photos, stay exactly as before. --- */
.ims-text p,.box-article .ba-text p,.box-sliders .bst-slide p{text-align:left}

/* --- 3. Rounded corners + a very fine shadow --- */
.box-sliders .bs-home-slider,.c-home-slider-wrapper,.box-careers,.box-jobs,.box-announcement,.pf-newsletter{border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.06)}
.ims-video,.ims-video img,.ims-video iframe,.c-home-slider-wrapper img{border-radius:8px}
.ims-video{overflow:hidden}
/* side menu: rounded WITHOUT overflow:hidden, it has nested submenus that must not be clipped */
.inner-menu .sub-menu{border-radius:10px}
.servicii-online .dt{border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.06)}
.servicii-online .dt>.box:first-child{border-radius:10px 0 0 10px}
.servicii-online .dt>.box:last-child{border-radius:0 10px 10px 0}
input[type=text],input[type=email],input[type=search],textarea,select{border-radius:6px}

/* --- 4. "Citeste tot" button next to "Toate ..." in the three front page sliders (inserted by cjv-polish.js).
 *        The theme positions .button absolutely; the specificity below beats .box-sliders .bs-home-slider .bst-slide .button --- */
.box-sliders .bs-home-slider .bst-slide a.button.cjv-read-more{background:#62043d;border-color:#62043d;color:#fff}
.box-sliders .bs-home-slider .bst-slide a.button.cjv-read-more:hover,.box-sliders .bs-home-slider .bst-slide a.button.cjv-read-more:focus{background:#7d0a50;border-color:#7d0a50;color:#fff}
@media print,screen and (min-width:64em){
  .box-sliders .bs-home-slider .bst-slide a.button.cjv-read-more{min-width:0;width:160px}
  .box-sliders .bs-home-slider .bst-slide a.button.cjv-read-more+a.button{margin-left:176px}
}
@media screen and (min-width:40em) and (max-width:63.9375em){
  /* tablet: no room for a second button (measured 700-1000px: the text sits above, the arrows on the right;
     the theme's own button already covers the arrows there). Tablet stays exactly as the theme; the title is the link. */
  .box-sliders .bs-home-slider .bst-slide a.button.cjv-read-more{display:none}
}
@media screen and (max-width:39.9375em){
  /* phone: the buttons are in the text flow; "Citeste tot" on its own line above, same look in all three sliders */
  .box-sliders .bs-home-slider .bst-slide a.button.cjv-read-more{display:block;width:max-content;margin:0 0 10px}
}

/* --- 5. A news item published without a featured image: beige panel with the county crest instead of the grey
 *        "no image" placeholder (wp-content/uploads/2018/06/default-image.png, set inline by the theme) --- */
.bsi-slide[style*="default-image.png"]{background:#efe4c8 url(../img/logo.png) center/92px auto no-repeat !important}

/* --- 6. Subtle motion, off for visitors who asked the system for reduced motion --- */
@media (prefers-reduced-motion:no-preference){
  /* small cards lift slightly */
  .box-careers,.box-jobs,.box-announcement,.pf-newsletter{transition:transform .25s ease,box-shadow .25s ease}
  .box-careers:hover,.box-jobs:hover,.box-announcement:hover,.pf-newsletter:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(98,4,61,.12)}
  /* online services: the icon rises (the theme's own purple hover background is kept) */
  .servicii-online .dt>.box img,.servicii-online .dt>.box svg{transition:transform .25s ease}
  .servicii-online .dt>.box:hover img,.servicii-online .dt>.box:hover svg{transform:translateY(-4px)}
  /* big boxes: deeper shadow and a slow zoom of the photo; same zoom on the top slider */
  .box-sliders .bs-home-slider,.c-home-slider-wrapper{transition:box-shadow .3s ease}
  .box-sliders .bs-home-slider:hover,.c-home-slider-wrapper:hover{box-shadow:0 2px 6px rgba(0,0,0,.06),0 10px 28px rgba(98,4,61,.12)}
  .bsi-slide{transition:transform .6s ease}
  .bs-home-slider:hover .slick-current .bsi-slide{transform:scale(1.03)}
  .homepage-slider .hs-banner{transition:transform .6s ease}
  .homepage-slider:hover .hs-banner.slick-current{transform:scale(1.03)}
  /* cards below the fold fade in once (classes set and removed by cjv-polish.js) */
  .cjv-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
  .cjv-reveal.cjv-in{opacity:1;transform:none}
}
