/*
Theme Name: ATO Group (Divi copil)
Theme URI: https://atogroup.ro
Description: Temă copil Divi pentru atogroup.ro – refacerea site-ului Enfold în Divi 5.
Author: XtremeDesign.ro
Author URI: https://xtremedesign.ro
Template: Divi
Version: 1.0.0
Text Domain: atogroup-child
*/

/* ------------------------------------------------------------ Fonturi (găzduite local) */
@font-face {
	font-family: "Metrophobic";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/metrophobic-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Metrophobic";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/metrophobic-latin.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;
}

:root {
	--y: #efbb20;
	--y2: #e9c370;
	--dark: #2c353d;
	--dark2: #454e57;
	--grey: #444444;
	--text: #5d6670;
	--line: #e1e1e1;
	--light: #f9f9f9;
	--hfont: "Metrophobic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--bfont: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body,
#page-container {
	font-family: var(--bfont);
	font-size: 16px;
	line-height: 1.7;
	color: var(--text);
	background: #fff;
}
h1, h2, h3, h4, h5, h6,
.et_pb_module_header,
.et_pb_slide_title {
	font-family: var(--hfont);
	font-weight: 400;
	color: var(--dark);
	line-height: 1.25;
	letter-spacing: .01em;
}
a { color: #b8860b; }
a:hover { color: var(--dark); }
p { padding-bottom: 1em; }
p:last-of-type { padding-bottom: 0; }
strong { color: inherit; }

/* ------------------------------------------------------------ Secțiuni */
.et_pb_section.xs { position: relative; }
.et_pb_section.xvcenter { display: flex; flex-direction: column; justify-content: center; }
.et_pb_section.xvcenter > .et_pb_row { width: 80%; }
.et_pb_section.xspacer { padding: 0 !important; }
.et_pb_section.xspacer .et_pb_row { padding: 0 !important; min-height: 15px; }
.xr { padding-top: 18px !important; padding-bottom: 18px !important; }
.xcells .et_pb_row { padding: 0 !important; }
.xcells .et_pb_column { margin-bottom: 0 !important; }
.xvmid { display: flex; flex-direction: column; justify-content: center; }

/* secțiuni închise / cu imagine și strat întunecat */
.xdark,
.xdark p,
.xdark li,
.xdark .et_pb_text { color: #fff; }
.xdark h1, .xdark h2, .xdark h3, .xdark h4,
.xdark .et_pb_module_header,
.xdark .et_pb_module_header a { color: #fff; }
.xdark .xsub { color: rgba(255, 255, 255, .8); }
.xdark a:not(.et_pb_button) { color: var(--y); }

/* ------------------------------------------------------------ Titluri (stil „modern quote” din tema veche) */
.xh h1, .xh h2, .xh h3 {
	padding: 0;
	margin: 0;
}
.xh h1 { font-size: clamp(30px, 4.2vw, 44px); }
.xh h2 { font-size: clamp(26px, 3.2vw, 36px); }
.xh h3 { font-size: clamp(21px, 2.3vw, 26px); }
.xh.xsize h1, .xh.xsize h2, .xh.xsize h3 { font-size: clamp(24px, 4vw, var(--xs)); }
.xh h1 strong, .xh h2 strong, .xh h3 strong { font-weight: 400; color: var(--y); }
.xh .xsub {
	font-size: 15px;
	line-height: 1.6;
	color: #8a929a;
	margin: 6px 0;
	font-style: italic;
}
.xh .xsub:first-child { text-transform: uppercase; letter-spacing: .12em; font-style: normal; font-size: 13px; color: #b8860b; }
.xdark .xh .xsub:first-child { color: var(--y); }
.xh.xcenter, .xh.xcenter h1, .xh.xcenter h2, .xh.xcenter h3, .xh.xcenter .xsub { text-align: center !important; }
.xh.xcenter .xsub { max-width: 760px; margin-left: auto; margin-right: auto; }
.et_pb_module.xh { margin-bottom: 8px !important; }

/* separatorul galben scurt */
.et_pb_divider.xhr { margin-bottom: 22px !important; }
.et_pb_divider.xhr:before { border-top-color: var(--y) !important; }

/* text */
.xt { font-size: 16px; }
.xt-18 { font-size: 18px; }
.xt ul { padding-left: 1.2em; }
.xt ul li { margin-bottom: .35em; }

/* ------------------------------------------------------------ Imagini */
.xi img { border-radius: 2px; }
.xgrow .et_pb_image_wrap { overflow: hidden; display: inline-block; }
.xgrow img { transition: transform .5s ease; }
.xgrow:hover img { transform: scale(1.06); }
.xi .et_pb_image_wrap { transition: box-shadow .3s ease; }
.xi a .et_pb_image_wrap:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, .18); }

/* ------------------------------------------------------------ Butoane */
.xbtn.et_pb_button,
.xbtn .et_pb_button,
.et_pb_button.xbtn {
	font-family: var(--hfont);
	font-size: 16px;
	letter-spacing: .04em;
	text-transform: uppercase;
	border: 0 !important;
	border-radius: 3px;
	padding: .8em 1.8em !important;
	background: var(--y);
	color: var(--dark) !important;
	transition: background .25s ease, color .25s ease, transform .25s ease;
}
.xbtn-dark.et_pb_button, .xbtn-dark .et_pb_button { background: var(--grey); color: #fff !important; }
.xbtn-light.et_pb_button, .xbtn-light .et_pb_button { background: #fff; color: var(--dark) !important; }
.xbtn.et_pb_button:hover, .xbtn .et_pb_button:hover { background: var(--dark); color: #fff !important; transform: translateY(-2px); padding: .8em 1.8em !important; }
.xbtn-dark.et_pb_button:hover, .xbtn-dark .et_pb_button:hover { background: var(--y); color: var(--dark) !important; }
.xbtn .et_pb_button:after, .xbtn.et_pb_button:after { display: none !important; }
.xbtn-static .et_pb_button { cursor: default; }

/* bandă galbenă cu telefonul (înlocuiește imaginea cu numărul) */
.xcall { text-align: center; }
.xcall-btn {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	background: var(--dark);
	color: #fff !important;
	font-family: var(--hfont);
	font-size: clamp(20px, 2.2vw, 26px);
	padding: .55em 1.1em;
	border-radius: 4px;
	text-decoration: none;
	white-space: nowrap;
	transition: background .25s ease, transform .25s ease;
}
.xcall-btn:hover { background: #000; transform: translateY(-2px); }
.xcall-ic { color: var(--y); }
.xcall-sub { display: block; margin-top: 8px; font-size: 14px; color: var(--dark); }
.xcall-sub a { color: var(--dark) !important; font-weight: 700; }

/* ------------------------------------------------------------ Casete cu iconiță (blurb) */
.et_pb_blurb.xbox {
	background: #fff;
	padding: 26px 24px;
	border-radius: 4px;
	box-shadow: 0 2px 14px rgba(44, 53, 61, .07);
	height: calc(100% - 30px);
	transition: transform .3s ease, box-shadow .3s ease;
}
.et_pb_blurb.xbox:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(44, 53, 61, .14); }
.xbox .et-pb-icon { font-size: 34px; color: var(--y); }
.xbox .et_pb_module_header { font-size: 20px; padding-bottom: 6px; color: var(--dark) !important; }
.xbox .et_pb_blurb_description, .xbox .et_pb_blurb_description p { color: var(--text) !important; font-size: 15px; }
.xdark .xbox .et_pb_module_header { color: var(--dark) !important; }

/* ------------------------------------------------------------ Contoare numerice */
.et_pb_number_counter.xnum { text-align: center; }
.xnum .percent {
	font-family: var(--hfont);
	font-size: clamp(44px, 5vw, 64px);
	line-height: 1.1;
	color: var(--grey);
	margin-bottom: 4px;
}
.xnum .percent p { font-size: inherit; color: inherit; line-height: inherit; padding: 0; }
.xnum.xnum-big .percent { font-size: clamp(56px, 7vw, 88px); }
.xnum .title, .xnum h3, .xnum h4 { font-size: 15px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--text) !important; font-family: var(--bfont); }
.xdark .xnum .percent { color: var(--y); }
.xdark .xnum .title, .xdark .xnum h3, .xdark .xnum h4 { color: #fff !important; }
.xsfx-plus .percent-value:after { content: "+"; }
.xsfx-ron .percent-value:after { content: " ron"; font-size: .45em; }

/* ------------------------------------------------------------ Grilă servicii (masonry) */
.xm-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.xm-grid.xm-c4 { grid-template-columns: repeat(4, 1fr); gap: 18px; }
.xm-c4 .xm-t { font-size: 18px; }
.xrel-grid.xrel-4 { grid-template-columns: repeat(4, 1fr); }
.xm-item {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 3px;
	background: var(--dark);
	aspect-ratio: 4 / 3;
	color: #fff !important;
	text-decoration: none;
}
.xm-item:nth-child(4n+1) { aspect-ratio: 4 / 3.4; }
.xm-img { position: absolute; inset: 0; display: block; }
.xm-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease, opacity .4s ease; }
.xm-item:hover .xm-img img { transform: scale(1.07); opacity: .45; }
.xm-cap {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	text-align: center;
	background: rgba(44, 53, 61, .55);
	opacity: 0;
	transition: opacity .35s ease;
}
.xm-item:hover .xm-cap, .xm-item:focus .xm-cap { opacity: 1; }
.xm-t { font-family: var(--hfont); font-size: 21px; line-height: 1.3; border-bottom: 3px solid var(--y); padding-bottom: 6px; }
@media (hover: none) {
	.xm-cap { opacity: 1; background: linear-gradient(transparent 40%, rgba(0, 0, 0, .75)); align-items: flex-end; }
}

/* apariție treptată (activată de js/ato.js) */
.xjs .xm-item, .xjs .xgallery .et_pb_gallery_item { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; transition-delay: var(--d, 0ms); }
.xjs .xm-item.xin, .xjs .xgallery .et_pb_gallery_item.xin { opacity: 1; transform: none; }

/* ------------------------------------------------------------ Galerie foto */
.xgallery .et_pb_gallery_items { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 14px !important; }
.xgallery .et_pb_gallery_item { width: auto !important; margin: 0 !important; clear: none !important; float: none !important; }
.xgallery .et_pb_gallery_image { overflow: hidden; border-radius: 3px; }
.xgallery .et_pb_gallery_image img { aspect-ratio: 1; object-fit: cover; width: 100%; transition: transform .5s ease; }
.xgallery .et_pb_gallery_item:hover img { transform: scale(1.08); }
.xgallery .et_overlay { background: rgba(44, 53, 61, .45); border: 0; }

/* ------------------------------------------------------------ Logo-uri parteneri (carusel continuu) */
.xl-track { display: flex; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.xl-row { display: flex; flex-shrink: 0; align-items: center; gap: 56px; padding-right: 56px; animation: xl-scroll 34s linear infinite; }
.xl-track:hover .xl-row { animation-play-state: paused; }
.xl-i img { max-height: 90px; width: auto; filter: grayscale(1); opacity: .75; transition: filter .3s ease, opacity .3s ease; }
.xl-i img:hover { filter: none; opacity: 1; }
@keyframes xl-scroll { to { transform: translateX(-100%); } }

/* ------------------------------------------------------------ Slider full-screen (Acasă) */
/* textul stă jos, într-o casetă compactă, ca să se vadă fotografia (cerere Mihai 31.10) */
.xhero-full .et_pb_slide .et_pb_container {
	display: flex; align-items: flex-end; height: calc(100vh - 150px) !important; min-height: 520px; width: 90%; max-width: 1280px;
}
.xhero-full .et_pb_slider_container_inner { display: block; width: 100%; }
/* la încărcare se vede doar primul slide; în tranziție textul apare doar pe slide-ul activ (fără suprapuneri) */
.xhero-full .et_pb_slide:not(:first-child):not(.et-pb-active-slide) { display: none; }
.xhero-full .et_pb_slide:not(.et-pb-active-slide) .et_pb_slide_description { visibility: hidden; opacity: 0; }
.xhero-full .et-pb-active-slide .et_pb_slide_description { animation: xcap .6s ease both; }
@keyframes xcap { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.xhero-full .et_pb_slide_description {
	padding: 20px 26px !important; border-left: 4px solid var(--y); max-width: 540px; margin: 0 0 70px; text-align: left;
}
.xhero-full .et_pb_bg_layout_light .et_pb_slide_description { background: rgba(255, 255, 255, .86); }
.xhero-full .et_pb_bg_layout_dark .et_pb_slide_description { background: rgba(20, 24, 28, .62); }
.xhero-full .et_pb_slide_title { font-size: clamp(26px, 3vw, 38px) !important; padding-bottom: 6px; }
.xhero-full .et_pb_slide_title a { color: inherit !important; }
.xhero-full .et_pb_slide_content { font-size: 16px; line-height: 1.55; }
.xhero-full .et_pb_button_wrapper { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.xhero-full .et_pb_more_button {
	background: var(--y); color: var(--dark) !important; border: 0; border-radius: 3px; text-transform: uppercase; margin: 0;
	font-family: var(--hfont); letter-spacing: .04em; font-size: 15px !important; padding: .6em 1.4em !important;
}
.xhero-full .et_pb_more_button:after { display: none; }
.xhero-full .et_pb_slider .et-pb-controllers { bottom: 26px; }
.xslide-b2 { margin-top: 14px; }
.xbtn2 { display: inline-block; background: #fff; color: var(--dark) !important; padding: .6em 1.4em; border-radius: 3px; text-transform: uppercase; font-family: var(--hfont); letter-spacing: .04em; font-size: 15px; text-decoration: none; }
.xbtn2:hover { background: var(--dark); color: #fff !important; }

/* ------------------------------------------------------------ Formulare */
.xform .input,
.xform input.input,
.xform textarea,
.xform select {
	background: #fff !important;
	border: 1px solid var(--line) !important;
	border-radius: 3px;
	color: var(--dark) !important;
	font-size: 16px;
	padding: 14px 16px !important;
}
.xform .input:focus, .xform textarea:focus, .xform select:focus { border-color: var(--y) !important; outline: 2px solid rgba(239, 187, 32, .35); }
.xform .et_pb_contact_submit {
	background: var(--y) !important; color: var(--dark) !important; border: 0 !important; border-radius: 3px;
	font-family: var(--hfont); text-transform: uppercase; letter-spacing: .04em; padding: .7em 1.8em !important;
}
.xform .et_pb_contact_submit:hover { background: var(--dark) !important; color: #fff !important; }
.xform .et_pb_contact_submit:after { display: none; }
.xform label, .xform .et_pb_contact_form_label { color: var(--dark); }
.xmap iframe { display: block; width: 100%; border-radius: 3px; }

/* ------------------------------------------------------------ Blog */
.xblog .et_pb_post { background: #fff; border: 1px solid var(--line) !important; border-radius: 4px; overflow: hidden; transition: box-shadow .3s ease, transform .3s ease; }
.xblog .et_pb_post:hover { box-shadow: 0 12px 30px rgba(44, 53, 61, .12); transform: translateY(-3px); }
.xblog .entry-title { font-size: 19px !important; }
.xblog .post-meta, .xblog .post-meta a { color: #8a929a !important; font-size: 13px; }
.single-post #main-content .container { max-width: 860px; }
.single-post .entry-title { font-size: clamp(28px, 3.6vw, 40px); }
.single-post .et_post_meta_wrapper img { border-radius: 4px; }

/* ------------------------------------------------------------ Antet (Theme Builder) */
.et-l--header { position: sticky; top: 0; z-index: 9999; }
.admin-bar .et-l--header { top: 32px; }
.xtop { font-size: 14px; }
.xtop, .xtop p, .xtop a { color: #fff !important; }
.xtop .et_pb_text_inner > p { display: flex; flex-wrap: wrap; gap: 6px 22px; align-items: center; padding: 0; }
.xtop a { text-decoration: none; }
.xtop a:hover { color: var(--y) !important; }
.xtop .xt-i { color: var(--y); margin-right: 5px; }
.xtop-r .et_pb_text_inner > p { justify-content: flex-end; }
.xfb { display: inline-flex; width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, .12); align-items: center; justify-content: center; }
.xfb svg { width: 14px; height: 14px; fill: #fff; }
.xfb:hover { background: #1877f2; }
.xmenu .et_pb_menu__logo img { max-height: 58px; width: auto; transition: max-height .3s ease; }
.xmenu .et-menu > li > a { font-family: var(--hfont); font-size: 15px; letter-spacing: .05em; text-transform: uppercase; color: #fff !important; }
.xmenu .et-menu > li.current-menu-item > a, .xmenu .et-menu > li > a:hover { color: var(--y) !important; opacity: 1; }
.xmenu .et-menu > li.menu-item-has-children > a:after { color: #fff; }
.xmenu .et-menu li li a { font-size: 14px; text-transform: none; width: 260px; color: var(--dark) !important; }
.xmenu .nav li ul { border-top-color: var(--y) !important; width: 300px; }
.xmenu .mobile_nav .mobile_menu_bar:before { color: var(--y); }
.xmenu .et_mobile_menu, .xmenu .et_mobile_menu li a { background: var(--dark) !important; color: #fff !important; }
.xmenu .et_mobile_menu li a:hover { color: var(--y) !important; }
.xmenu .et_mobile_menu { border-top-color: var(--y); }
.xhead { box-shadow: 0 2px 14px rgba(0, 0, 0, .25); border-bottom: 2px solid var(--y); }
.xmenu .et_pb_menu__wrap { justify-content: flex-end; }
.xmenu.et_pb_menu, .xmenu .et_pb_menu_inner_container, .xhead .et_pb_menu { background: transparent !important; }
.xhero-full .et_pb_slide_description, .xhero-full .et_pb_slide_description * { text-align: left !important; }

/* ------------------------------------------------------------ Subsol (Theme Builder) */
.xfoot, .xfoot p, .xfoot li { color: rgba(255, 255, 255, .82); font-size: 15px; }
.xfoot h4, .xfoot .xft { font-family: var(--hfont); color: #fff !important; font-size: 19px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 2px solid var(--y); display: inline-block; }
.xfoot a { color: #fff !important; text-decoration: none; }
.xfoot a:hover { color: var(--y) !important; }
.xfoot ul { list-style: none; padding: 0 !important; }
.xfoot ul li { padding: 5px 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.xfoot ul li:before { content: "›"; color: var(--y); margin-right: 8px; }
.xfoot .xflogo img { max-width: 210px; }
.xsock, .xsock p, .xsock a { color: rgba(255, 255, 255, .85) !important; font-size: 14px; }
.xsock a:hover { color: var(--y) !important; }
.xsock-r .et_pb_text_inner { text-align: right; }
.xsock-r a { margin-left: 16px; }

.xsr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; padding: 0 !important; }


/* ============================================================ Repoziționare ATO Group + blog (01.11.2026) */
.xhero-btns .et_pb_text_inner > p, .xhero-btns .et_pb_text_inner { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.xbtn2-y { background: var(--y) !important; color: var(--dark) !important; }
.xbtn2-y:hover { background: #fff !important; color: var(--dark) !important; }
.xm-d { display: block; font-size: 14px; line-height: 1.45; margin-top: 10px; opacity: .9; font-family: var(--bfont); }
.xm-cap { flex-direction: column; }
.xsfx-7 .percent-value:after { content: "/7"; }
.xcheck { list-style: none; padding: 0 !important; margin: 0; }
.xcheck li { position: relative; padding: 6px 0 6px 30px; }
.xcheck li:before { content: "✓"; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; border-radius: 50%; background: var(--y); color: var(--dark); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.xstep { background: #fff; border-radius: 4px; padding: 28px 22px; height: 100%; box-shadow: 0 2px 14px rgba(44, 53, 61, .07); }
.xstep-n { display: inline-flex; width: 42px; height: 42px; border-radius: 50%; background: var(--dark); color: var(--y); font-family: var(--hfont); font-size: 20px; align-items: center; justify-content: center; margin-bottom: 14px; }
.xstep h3 { font-size: 20px; padding-bottom: 6px; }
.xstep p { font-size: 15px; }
.xacc .et_pb_toggle { border: 1px solid var(--line); border-radius: 4px; background: #fff !important; margin-bottom: 10px !important; }
.xacc .et_pb_toggle_title { font-family: var(--hfont); font-size: 18px; color: var(--dark) !important; }
.xacc .et_pb_toggle_title:before { color: var(--y) !important; }
.xacc .et_pb_toggle_open { border-left: 4px solid var(--y); }
.xnote { background: #fff8e1; border-left: 4px solid var(--y); padding: 14px 18px !important; font-size: 14px; color: #5d5440; border-radius: 3px; }
.xsmall { font-size: 13px; opacity: .85; }
.xfounder-mini { border-left: 3px solid var(--y); padding: 10px 14px !important; background: #f9f9f9; font-size: 15px; margin-top: 6px; }
.xrel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.xrel { display: flex; flex-direction: column; gap: 8px; background: #fff; border: 1px solid var(--line); border-top: 3px solid var(--y); border-radius: 4px; padding: 22px; color: var(--text) !important; text-decoration: none; transition: transform .3s ease, box-shadow .3s ease; }
.xrel:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(44, 53, 61, .12); }
.xrel-t { font-family: var(--hfont); font-size: 19px; color: var(--dark); line-height: 1.3; }
.xrel-d { font-size: 15px; line-height: 1.55; }
.xrel-m { margin-top: auto; color: #b8860b; font-weight: 600; font-size: 14px; }
.xart { padding-left: 1.2em; }
.xart li { margin-bottom: 8px; }
.xart a { font-weight: 600; }
.xprice { width: 100%; border-collapse: collapse; background: #fff; box-shadow: 0 2px 14px rgba(44, 53, 61, .07); }
.xprice th { background: var(--dark); color: #fff; text-align: left; padding: 14px 18px; font-family: var(--hfont); font-weight: 400; }
.xprice td { padding: 14px 18px; border-bottom: 1px solid var(--line); vertical-align: top; }
.xstart { background: #f9f9f9; border-radius: 4px; padding: 22px; margin-bottom: 20px; }
.xstart-t { font-family: var(--hfont); font-size: 20px; color: var(--dark); padding-bottom: 10px; }
.xblog-2 .et_pb_salvattore_content[data-columns]::before { content: "2 .column.size-1of2" !important; }
.xblog-2 .et_pb_blog_grid .column.size-1of3 { width: 48% !important; }
/* chips categorii */
.xchips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 26px; }
.xchip { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; background: #f1f2f3; color: var(--dark) !important; font-size: 14px; text-decoration: none; transition: background .2s ease; }
.xchip span { background: #fff; border-radius: 999px; padding: 0 7px; font-size: 12px; }
.xchip:hover, .xchip.is-on { background: var(--y); }
/* articol */
.xbc { font-size: 13px; color: #8a929a; margin-bottom: 10px; }
.xbc a { color: #8a929a; }
.xpost-meta { font-size: 14px; color: #8a929a; padding-bottom: 18px !important; }
.xpost-meta a { color: #b8860b; font-weight: 600; }
.xtoc { background: #f9f9f9; border-left: 4px solid var(--y); border-radius: 3px; padding: 18px 22px; margin: 0 0 28px; }
.xtoc-t { font-family: var(--hfont); font-size: 18px; color: var(--dark); padding-bottom: 8px !important; }
.xtoc ol { padding-left: 1.2em; margin: 0; }
.xtoc li { margin: 4px 0; font-size: 15px; }
.xtoc .xtoc-h3 { margin-left: 1em; list-style: circle; }
.single-post .entry-content h2[id], .single-post .entry-content h3[id] { scroll-margin-top: 170px; }
.xctx { color: #b8860b; text-decoration: underline; text-decoration-color: rgba(184, 134, 11, .4); text-underline-offset: 3px; }
.xpost-svc, .xpost-rel { margin-top: 40px; }
.xfounder { display: flex; gap: 20px; align-items: center; margin-top: 36px; padding: 20px; border: 1px solid var(--line); border-left: 4px solid var(--y); border-radius: 4px; background: #fff; }
.xfounder img { width: 120px; height: 120px; object-fit: cover; object-position: 50% 20%; border-radius: 50%; flex-shrink: 0; }
.xfounder-t { font-family: var(--hfont); font-size: 20px; color: var(--dark); padding-bottom: 4px !important; }
.xfounder p { font-size: 15px; }
@media (max-width: 600px) { .xfounder { flex-direction: column; text-align: center; } }
.xpost-h { font-size: 24px !important; padding-bottom: 16px !important; }
.xpost-cta { margin-top: 40px; background: var(--dark); color: #fff; border-radius: 4px; padding: 28px; }
.xpost-cta p { color: rgba(255, 255, 255, .85); }
.xpost-cta-t { font-family: var(--hfont); font-size: 22px; color: #fff !important; padding-bottom: 6px !important; }
/* carduri articole */
.xcards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.xcard { background: #fff; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; }
.xcard:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(44, 53, 61, .12); }
.xcard-link { display: flex; flex-direction: column; height: 100%; color: var(--text) !important; text-decoration: none; }
.xcard-th img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.xcard-b { display: flex; flex-direction: column; gap: 8px; padding: 18px 20px 20px; flex: 1; }
.xcard-cat { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #b8860b; font-weight: 700; }
.xcard-t { font-family: var(--hfont); font-size: 19px; line-height: 1.3; color: var(--dark); }
.xcard-ex { font-size: 15px; line-height: 1.55; }
.xcard-m { margin-top: auto; font-size: 13px; color: #8a929a; }
/* arhivă categorie */
.xarchive { background: #fff; }
.xarch-head { background: var(--dark) url(/wp-content/uploads/2020/03/Blog-ATO-Protection.jpg) center / cover; position: relative; padding: 70px 0 60px; }
.xarch-head:before { content: ""; position: absolute; inset: 0; background: rgba(20, 24, 28, .72); }
.xarch-head .xarch-in { position: relative; }
.xarch-head h1 { color: #fff; font-size: clamp(30px, 4vw, 44px); padding-bottom: 8px; }
.xarch-head .xbc, .xarch-head .xbc a { color: rgba(255, 255, 255, .7); }
.xarch-k { color: var(--y); text-transform: uppercase; letter-spacing: .12em; font-size: 13px; padding-bottom: 4px !important; }
.xarch-d { color: rgba(255, 255, 255, .85); max-width: 720px; font-size: 17px; }
.xarch-in { width: 90%; max-width: 1180px; margin: 0 auto; }
.xarchive > .xarch-in { padding: 36px 0 70px; }
.xpag { margin: 30px 0; display: flex; gap: 8px; flex-wrap: wrap; }
.xpag .page-numbers { padding: 8px 14px; border: 1px solid var(--line); border-radius: 3px; color: var(--dark); }
.xpag .current { background: var(--y); border-color: var(--y); }
@media (max-width: 980px) {
	.xrel-grid, .xcards, .xrel-grid.xrel-4, .xm-grid.xm-c4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.xrel-grid, .xcards, .xrel-grid.xrel-4, .xm-grid.xm-c4 { grid-template-columns: 1fr; }
	.xprice th, .xprice td { padding: 10px 12px; font-size: 14px; }
}

/* ------------------------------------------------------------ Mobil */
@media (max-width: 980px) {
	.xm-grid { grid-template-columns: repeat(2, 1fr); }
	.xgallery .et_pb_gallery_items { grid-template-columns: repeat(3, 1fr) !important; }
	.et_pb_section.xvcenter > .et_pb_row { width: 90%; }
	.xtop-r .et_pb_text_inner > p, .xsock-r .et_pb_text_inner { justify-content: flex-start; text-align: left; }
	.xsock-r a { margin: 0 14px 0 0; }
	.xmenu .et_pb_menu__logo img { max-height: 48px; }
	.admin-bar .et-l--header { top: 46px; }
}
@media (max-width: 600px) {
	.xm-grid { grid-template-columns: 1fr; }
	.xgallery .et_pb_gallery_items { grid-template-columns: repeat(2, 1fr) !important; }
	.xtop .xt-hide-m { display: none; }
	.xhero-full .et_pb_slide .et_pb_container { height: 70vh !important; min-height: 460px; }
	.et-l--header { position: relative; top: 0 !important; }
	.xtopbar .et_pb_column:last-child { display: none; }
	.xtopbar .et_pb_column { margin-bottom: 0 !important; }
	.xtop { font-size: 13px; }
	.xtop .et_pb_text_inner > p { gap: 4px 16px; justify-content: center; }
	.xmenu .et_pb_menu__logo img { max-height: 40px; }
	.xhero-full .et_pb_slide_description { padding: 14px 16px !important; margin-bottom: 48px; }
	.xhero-full .et_pb_slide_content { font-size: 15px; }
	.xhero-full .et_pb_more_button, .xbtn2 { font-size: 14px !important; padding: .55em 1.1em !important; }
	.xcall-btn { font-size: 20px; }
}

/* ------------------------------------------------------------ Mișcare redusă */
@media (prefers-reduced-motion: reduce) {
	*, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.et_animated { opacity: 1 !important; animation: none !important; }
	.xl-row { animation: none; }
}