@keyframes cta-glow {
0%, 100% { box-shadow: 0 4px 15px rgba(220, 38, 38, 0.4); }
50% { box-shadow: 0 4px 25px rgba(220, 38, 38, 0.7), 0 0 40px rgba(220, 38, 38, 0.2); }
} .service-hero {
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8);
color: #1a2a4a !important;
padding: 48px 44px;
border-radius: var(--radius-xl);
margin-bottom: 40px;
position: relative;
overflow: hidden;
} body:not(.home) .entry-content .service-hero,
body:not(.home) .entry-content .service-hero p,
body:not(.home) .entry-content .service-hero span,
body:not(.home) .entry-content .service-hero li,
body:not(.home) .entry-content .service-hero .hero-subtitle {
color: #4b5563 !important;
}
body:not(.home) .entry-content .service-hero h1 {
color: var(--blue-heading) !important;
}
body:not(.home) .entry-content .service-hero a:not(.wp-block-button__link) {
color: var(--blue-accent) !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
body:not(.home) .entry-content .service-hero a:not(.wp-block-button__link):hover {
color: var(--blue-heading) !important;
} body:not(.home) .entry-content .service-hero a.wp-block-button__link {
background: var(--red) !important;
color: #fff !important;
font-weight: 800 !important;
font-size: 1.15em !important;
padding: 16px 36px !important;
border-radius: var(--radius-pill) !important;
text-decoration: none !important;
transition: all var(--transition-base) !important;
box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3) !important;
animation: cta-glow 2s ease-in-out 1 !important;
position: relative;
z-index: 1;
}
body:not(.home) .entry-content .service-hero a.wp-block-button__link:hover {
background: #b91c1c !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(220, 38, 38, 0.5) !important;
color: #fff !important;
} .service-hero::before {
content: '';
position: absolute;
top: -80px;
right: -80px;
width: 260px;
height: 260px;
background: radial-gradient(circle, rgba(26, 95, 180, 0.06) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
} .service-hero::after {
content: '';
position: absolute;
bottom: -60px;
left: -60px;
width: 200px;
height: 200px;
background: radial-gradient(circle, rgba(245, 158, 11, 0.04) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.service-hero h1 {
color: var(--blue-heading) !important;
font-size: 2.3em;
font-weight: 800;
margin-bottom: 18px;
line-height: 1.2;
position: relative;
z-index: 1;
}
.service-hero .hero-subtitle {
color: #4b5563 !important;
font-size: 1.15em;
line-height: 1.7;
max-width: 720px;
margin-bottom: 28px;
position: relative;
z-index: 1;
} .service-hero p {
color: #4b5563 !important;
} .service-illustration {
margin: 0 0 40px 0 !important;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.service-illustration img {
width: 100%;
height: auto;
display: block;
border-radius: var(--radius-lg);
object-fit: cover;
max-height: 420px;
}
@media (max-width: 768px) {
.service-illustration img {
max-height: 280px;
}
} .trust-badges {
background: linear-gradient(135deg, #f0f4ff 0%, #f8fafc 100%);
border: 1px solid #c7d8f0;
border-radius: var(--radius-lg);
padding: 28px 20px;
margin-bottom: 40px;
position: relative;
overflow: hidden;
} .trust-badges::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #1a5fb4, #f59e0b, #16a34a, #dc2626);
}
.trust-badges .wp-block-columns {
gap: 20px;
} .trust-badges .wp-block-column {
background: #fff;
border-radius: var(--radius);
padding: 20px 16px;
text-align: center;
border: 1px solid var(--grey-border);
transition: all var(--transition-base);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}
.trust-badges .wp-block-column:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(26, 95, 180, 0.1);
border-color: var(--blue-accent);
}
.trust-badges .wp-block-column p {
font-size: 0.95em;
line-height: 1.5;
margin: 0;
}
.trust-badges .wp-block-column strong {
color: var(--blue-heading);
font-size: 1.05em;
display: block;
margin-bottom: 4px;
} .service-cards {
margin-bottom: 50px;
}
.service-cards > .wp-block-group__inner-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
align-items: start;
padding: 0 !important;
}
.service-card > .wp-block-group__inner-container {
padding: 0 !important;
}
.service-cards > .wp-block-group__inner-container > .wp-block-image,
.service-cards > .wp-block-group__inner-container > h2,
.service-cards > .wp-block-group__inner-container > .wp-block-heading {
grid-column: 1 / -1;
} body:not(.home) .entry-content > h3.wp-block-heading {
background: var(--grey-bg) !important;
border-left: 4px solid var(--blue-accent) !important;
border-bottom: none !important;
padding: 14px 20px !important;
margin-top: 28px !important;
margin-bottom: 8px !important;
border-radius: 0 8px 8px 0 !important;
font-size: 1.15em !important;
}
body:not(.home) .entry-content > h3.wp-block-heading + p {
padding: 0 20px 16px 24px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
line-height: 1.7;
}  .faq-section {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
} .faq-section > .wp-block-group__inner-container > *:last-child {
margin-bottom: 0 !important;
} .faq-section + h3.wp-block-heading {
margin-top: 16px !important;
} .faq-section > .wp-block-group__inner-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.faq-section h3.faq-q,
.faq-section .faq-q.wp-block-heading {
background: var(--grey-bg) !important;
border-left: 4px solid var(--blue-accent) !important;
border-bottom: none !important;
padding: 14px 20px !important;
margin-top: 16px !important;
margin-bottom: 8px !important;
border-radius: 0 8px 8px 0 !important;
font-size: 1.15em !important;
}
.faq-section p.faq-a {
padding: 0 20px 12px 24px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
line-height: 1.7;
}
@media (max-width: 900px) {
.service-cards > .wp-block-group__inner-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.service-cards > .wp-block-group__inner-container {
grid-template-columns: 1fr;
}
}
.service-cards > .wp-block-heading {
text-align: center;
margin-bottom: 30px;
}
.service-card {
background: #fff;
border: 1px solid var(--grey-border);
border-top: 4px solid var(--blue-accent);
border-radius: var(--radius);
padding: 20px 16px;
margin-bottom: 0;
transition: all var(--transition-base);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
position: relative;
overflow: hidden;
} .service-card::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #1a5fb4, #f59e0b);
transform: scaleX(0);
transform-origin: left;
transition: transform var(--transition-base);
}
.service-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(26, 95, 180, 0.12);
border-top-color: transparent;
}
.service-card:hover::after {
transform: scaleX(1);
}
.service-card h3 {
color: var(--blue-heading) !important;
font-size: 1em;
font-weight: 700;
margin-bottom: 8px;
padding-bottom: 6px;
border-bottom: 2px solid #f0f4ff;
}
.service-card p {
color: var(--text-body);
line-height: 1.75;
font-size: 0.98em;
} .cta-section {
background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 50%, #f0f9ff 100%) !important;
color: #1a2a4a !important;
padding: 56px 48px !important;
border-radius: var(--radius-xl) !important;
text-align: center;
margin: 60px 0;
position: relative;
overflow: hidden;
border: 1px solid rgba(26, 95, 180, 0.12) !important;
box-shadow: 0 4px 24px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.06) !important;
} body:not(.home) .entry-content .cta-section,
body:not(.home) .entry-content .cta-section p,
body:not(.home) .entry-content .cta-section span,
body:not(.home) .entry-content .cta-section li {
color: #4b5563 !important;
}
body:not(.home) .entry-content .cta-section h2 {
color: var(--blue-heading) !important;
border-bottom: none !important;
font-size: 2em !important;
}
body:not(.home) .entry-content .cta-section h3 {
color: var(--blue-heading) !important;
font-size: 1.2em !important;
border-bottom: none !important;
margin-top: 0 !important;
padding-bottom: 0 !important;
}
body:not(.home) .entry-content .cta-section a:not(.wp-block-button__link) {
color: var(--blue-accent) !important;
text-decoration: none !important;
} body:not(.home) .entry-content .cta-section a.wp-block-button__link,
body:not(.home) .entry-content .cta-button a.wp-block-button__link {
background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
color: #fff !important;
font-weight: 800 !important;
font-size: 1.25em !important;
padding: 18px 44px !important;
border-radius: var(--radius-pill) !important;
text-decoration: none !important;
transition: all var(--transition-base) !important;
box-shadow: 0 4px 15px rgba(220, 38, 38, 0.4) !important;
display: inline-block !important;
margin: 24px 0 12px !important;
position: relative;
z-index: 1;
animation: cta-glow 2s ease-in-out 1;
}
body:not(.home) .entry-content .cta-section a.wp-block-button__link:hover,
body:not(.home) .entry-content .cta-button a.wp-block-button__link:hover {
background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 30px rgba(220, 38, 38, 0.5) !important;
color: #fff !important;
animation: none;
} .cta-section::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: linear-gradient(90deg, #1a5fb4, #d97706) !important;
border-radius: 2px;
pointer-events: none;
} .cta-section::after {
content: '';
position: absolute;
bottom: -80px;
right: -80px;
width: 250px;
height: 250px;
background: radial-gradient(circle, rgba(26, 95, 180, 0.05) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.cta-section h2 {
color: var(--blue-heading) !important;
font-size: 2em;
margin-bottom: 12px;
border-bottom: none !important;
position: relative;
z-index: 1;
}
.cta-section p {
color: #4b5563 !important;
font-size: 1.08em;
line-height: 1.7;
position: relative;
z-index: 1;
} .cta-section .wp-block-columns {
margin-top: 28px !important;
margin-bottom: 12px !important;
}
.cta-section .wp-block-column {
background: rgba(255,255,255,0.7) !important;
border-radius: var(--radius-lg) !important;
padding: 28px 20px !important;
border: 1px solid rgba(26, 95, 180, 0.08) !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.cta-section .wp-block-column:hover {
transform: translateY(-2px) !important;
box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
} body:not(.home) .entry-content a[href^="tel:"] {
color: var(--red);
font-weight: 800;
font-size: 1.05em;
text-decoration: none;
padding: 2px 8px;
border-radius: 6px;
background: rgba(220, 38, 38, 0.06);
border-bottom: 2px solid rgba(220, 38, 38, 0.3);
transition: all var(--transition-base);
white-space: nowrap;
}
body:not(.home) .entry-content a[href^="tel:"]:hover {
color: #fff;
background: var(--red);
border-bottom-color: var(--red);
text-decoration: none;
box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
} .cta-section a[href^="tel:"],
.service-hero a[href^="tel:"] {
color: var(--red) !important;
font-size: 1.2em;
background: rgba(220, 38, 38, 0.06) !important;
border-bottom-color: rgba(220, 38, 38, 0.3) !important;
}
.cta-section a[href^="tel:"]:hover,
.service-hero a[href^="tel:"]:hover {
background: var(--red) !important;
color: #fff !important;
border-bottom-color: var(--red) !important;
} body:not(.home) .entry-content h2 {
color: var(--blue-heading);
font-weight: 700;
font-size: 1.6em;
margin-top: 50px;
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 3px solid var(--amber);
}
body:not(.home) .entry-content h3 {
color: var(--blue-subheading);
font-weight: 600;
font-size: 1.25em;
margin-top: 30px;
margin-bottom: 12px;
} body:not(.home) .entry-content .wp-block-table table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
margin-bottom: 36px;
border: 1px solid var(--grey-border);
}
body:not(.home) .entry-content .wp-block-table thead {
background: linear-gradient(135deg, #0d2b5e 0%, #1a3a6e 100%);
}
body:not(.home) .entry-content .wp-block-table thead th {
color: #fff;
font-weight: 700;
padding: 16px 20px;
text-align: left;
font-size: 0.95em;
letter-spacing: 0.02em;
text-transform: uppercase;
}
body:not(.home) .entry-content .wp-block-table tbody tr {
border-bottom: 1px solid var(--grey-border);
transition: all var(--transition-fast);
}
body:not(.home) .entry-content .wp-block-table tbody tr:nth-child(even) {
background: var(--grey-bg);
}
body:not(.home) .entry-content .wp-block-table tbody tr:hover {
background: #eef2ff;
box-shadow: inset 4px 0 0 var(--blue-accent);
}
body:not(.home) .entry-content .wp-block-table tbody td {
padding: 14px 20px;
font-size: 0.95em;
color: var(--text-body);
}
body:not(.home) .entry-content .wp-block-table tbody td:last-child {
font-weight: 600;
color: var(--blue-heading);
} body:not(.home) .entry-content ul {
list-style: none;
padding-left: 0;
margin-bottom: 24px;
}
body:not(.home) .entry-content ul li {
padding: 8px 0 8px 28px;
position: relative;
line-height: 1.75;
color: var(--text-body);
} body:not(.home) .entry-content ul li::before {
content: '';
position: absolute;
left: 0;
top: 14px;
width: 8px;
height: 8px;
background: linear-gradient(135deg, #1a5fb4, #2563eb);
border-radius: 2px;
transform: rotate(45deg);
}
body:not(.home) .entry-content ul li strong {
color: var(--blue-heading);
} body:not(.home) .entry-content ol {
list-style: none;
counter-reset: step-counter;
padding-left: 0;
margin-bottom: 24px;
}
body:not(.home) .entry-content ol li {
counter-increment: step-counter;
padding: 12px 0 12px 48px;
position: relative;
line-height: 1.75;
color: var(--text-body);
border-bottom: 1px solid #f1f5f9;
}
body:not(.home) .entry-content ol li:last-child {
border-bottom: none;
}
body:not(.home) .entry-content ol li::before {
content: counter(step-counter);
position: absolute;
left: 0;
top: 10px;
width: 32px;
height: 32px;
background: linear-gradient(135deg, #1a5fb4, #0d2b5e);
color: #fff;
font-weight: 700;
font-size: 0.85em;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
body:not(.home) .entry-content ol li strong {
color: var(--blue-heading);
} .entry-content .wp-block-quote {
background: #fff;
border: 1px solid var(--grey-border);
border-left: 4px solid var(--amber);
border-radius: var(--radius);
padding: 28px 28px 20px;
margin: 16px 0;
font-style: italic;
position: relative;
transition: all var(--transition-base);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.entry-content .wp-block-quote::before {
content: '201C';
position: absolute;
top: -8px;
left: 20px;
font-size: 3em;
color: var(--amber);
font-family: Georgia, serif;
line-height: 1;
opacity: 0.6;
}
.entry-content .wp-block-quote:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
border-left-color: var(--blue-accent);
}
.entry-content .wp-block-quote p {
font-size: 1em;
line-height: 1.7;
color: var(--text-body);
margin-bottom: 10px;
}
.entry-content .wp-block-quote cite {
color: var(--blue-accent);
font-weight: 600;
font-style: normal;
font-size: 0.9em;
} .wp-block-separator {
border: none !important;
height: 3px !important;
background: linear-gradient(90deg, transparent, #1a5fb4, #f59e0b, #1a5fb4, transparent) !important;
margin: 48px auto !important;
max-width: 200px;
border-radius: 2px;
opacity: 0.6;
} body:not(.home) .entry-content p {
line-height: 1.75;
color: var(--text-body);
margin-bottom: 18px;
}
body:not(.home) .entry-content a {
color: var(--blue-accent);
text-decoration: none;
font-weight: 500;
transition: color var(--transition-fast);
}
body:not(.home) .entry-content a:hover {
color: var(--amber);
text-decoration: underline;
} body:not(.home) .entry-content {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
body:not(.home) .entry-content .service-hero,
body:not(.home) .entry-content .cta-section {
max-width: 100%;
margin-left: -20px;
margin-right: -20px;
}
@media (min-width: 1140px) {
body:not(.home) .entry-content .service-hero,
body:not(.home) .entry-content .cta-section {
margin-left: 0;
margin-right: 0;
}
} @media (max-width: 768px) {
.service-hero {
padding: 40px 24px;
}
.service-hero h1 {
font-size: 1.6em;
}
.cta-section {
padding: 36px 24px;
}
.cta-section h2 {
font-size: 1.4em;
}
.trust-badges .wp-block-columns {
flex-direction: column;
}
.trust-badges .wp-block-column {
margin-bottom: 0;
}
body:not(.home) .entry-content h2 {
font-size: 1.35em;
}
body:not(.home) .entry-content .wp-block-table {
overflow-x: auto;
display: block;
}
}
@media (max-width: 480px) {
.service-hero h1 {
font-size: 1.35em;
}
.service-hero .wp-block-button__link {
font-size: 1em;
padding: 12px 24px;
}
.cta-section .wp-block-button__link {
font-size: 1em;
padding: 14px 28px;
}
} .internal-links {
background: var(--grey-bg) !important;
border-radius: var(--radius-lg) !important;
padding: 32px 36px !important;
border: 1px solid var(--grey-border) !important;
margin: 20px 0 40px !important;
}
.internal-links > .wp-block-group__inner-container {
padding: 0 !important;
}
.internal-links ul {
list-style: none !important;
padding-left: 0 !important;
margin: 0 !important;
}
.internal-links ul li {
padding: 10px 16px !important;
margin-bottom: 6px !important;
background: #fff !important;
border-radius: 10px !important;
border: 1px solid var(--grey-border) !important;
transition: all var(--transition-fast) !important;
font-size: 0.95em !important;
}
.internal-links ul li:hover {
border-color: var(--blue-accent) !important;
box-shadow: 0 2px 8px rgba(26, 95, 180, 0.1) !important;
transform: translateX(4px) !important;
}
.internal-links ul li a {
color: var(--blue-accent) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.internal-links ul li a:hover {
color: var(--blue-heading) !important;
} .zone-section {
background: var(--grey-bg) !important;
border-radius: var(--radius-lg) !important;
padding: 36px !important;
border: 1px solid var(--grey-border) !important;
margin: 20px 0 40px !important;
}
.zone-section > .wp-block-group__inner-container {
padding: 0 !important;
}
.zone-section .wp-block-columns {
gap: 0 !important;
}
.zone-section .wp-block-column p {
margin-bottom: 8px !important;
padding: 0 !important;
}
.zone-section .wp-block-column p a {
display: inline-block !important;
background: #fff !important;
color: var(--blue-accent) !important;
padding: 8px 16px !important;
border-radius: 8px !important;
border: 1px solid var(--grey-border) !important;
text-decoration: none !important;
font-weight: 500 !important;
font-size: 0.88em !important;
transition: all var(--transition-fast) !important;
width: 100% !important;
box-sizing: border-box !important;
}
.zone-section .wp-block-column p a:hover {
background: var(--blue-accent) !important;
color: #fff !important;
border-color: var(--blue-accent) !important;
transform: translateY(-1px) !important;
box-shadow: 0 3px 10px rgba(26, 95, 180, 0.2) !important;
} .zone-section .wp-block-column p {
font-size: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
max-height: 44px !important;
}
.zone-section .wp-block-column p a {
font-size: 13px !important;
line-height: 1.4 !important;
min-height: 44px !important;
display: inline-flex !important;
align-items: center !important;
}
@media (max-width: 768px) {
.internal-links {
padding: 20px 16px !important;
}
.zone-section {
padding: 20px 16px !important;
}
.zone-section .wp-block-columns {
flex-direction: column !important;
}
} :root {
--blue-primary: #071633;
--blue-secondary: #0d2b5e;
--blue-accent: #1a5fb4;
--blue-heading: #0d2b5e;
--blue-subheading: #1a3a6e;
--amber: #f59e0b;
--amber-dark: #d97706;
--red: #dc2626;
--grey-bg: #f8fafc;
--grey-border: #e2e8f0;
--text-dark: #1e293b;
--text-body: #374151;
--text-muted: #6b7280;
--radius-sm: 8px;
--radius: 12px;
--radius-lg: 16px;
--radius-xl: 20px;
--radius-pill: 50px;
--lift-sm: -2px;
--lift-md: -4px;
--transition-fast: 0.2s ease;
--transition-base: 0.3s ease;
} .entry-content > .hero-section {
background: linear-gradient(135deg, var(--blue-primary) 0%, var(--blue-secondary) 60%, #14305a 100%);
color: #fff;
display: flex;
align-items: center;
gap: 40px;
padding: 60px 40px;
border-radius: var(--radius-lg);
margin-bottom: 0;
max-width: 1200px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
position: relative;
overflow: hidden;
}
.hero-section::before {
content: '';
position: absolute;
top: -80px;
right: -80px;
width: 300px;
height: 300px;
background: rgba(245, 158, 11, 0.08);
border-radius: 50%;
pointer-events: none;
}
.hero-section .container-inner {
flex: 1 1 55%;
min-width: 0;
position: relative;
z-index: 1;
}
.hero-image {
flex: 1 1 40%;
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
}
.hero-image > div {
background: rgba(255, 255, 255, 0.06);
border: 2px dashed rgba(255, 255, 255, 0.15);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.hero-image img {
width: 100%;
height: auto;
border-radius: 20px;
object-fit: cover;
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
padding: 8px 18px;
margin-bottom: 20px;
}
.hero-badge .stars {
color: var(--amber);
font-size: 1em;
letter-spacing: 2px;
}
.hero-badge .badge-text {
color: rgba(255, 255, 255, 0.9);
font-size: 0.9em;
font-weight: 500;
}
.hero-section h1 {
color: #fff !important;
font-size: 2.6em;
font-weight: 800;
line-height: 1.15;
margin-bottom: 16px;
}
.hero-section h1 .highlight {
color: var(--amber);
}
.hero-section p {
color: rgba(255, 255, 255, 0.85);
font-size: 1.1em;
line-height: 1.6;
max-width: 500px;
margin-bottom: 0;
} .btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--red);
color: #fff !important;
font-weight: 700;
font-size: 1.1em;
padding: 14px 28px;
border-radius: 50px;
text-decoration: none !important;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(220, 38, 38, 0.4);
}
.btn-primary:hover {
background: #b91c1c;
transform: translateY(-2px);
color: #fff !important;
}
.btn-secondary {
display: inline-flex;
align-items: center;
gap: 6px;
background: transparent;
color: #fff !important;
font-weight: 600;
font-size: 1em;
padding: 12px 24px;
border: 2px solid rgba(255, 255, 255, 0.4);
border-radius: 50px;
text-decoration: none !important;
transition: all 0.3s ease;
}
.btn-secondary:hover {
border-color: #fff;
background: rgba(255, 255, 255, 0.1);
color: #fff !important;
}
.btn-cta-blue {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--blue-accent);
color: #fff !important;
font-weight: 700;
font-size: 1em;
padding: 12px 28px;
border-radius: 50px;
text-decoration: none !important;
transition: all 0.3s ease;
}
.btn-cta-blue:hover {
background: var(--blue-secondary);
transform: translateY(-2px);
color: #fff !important;
}
.btn-white {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fff;
color: var(--blue-primary) !important;
font-weight: 700;
font-size: 1.1em;
padding: 14px 28px;
border-radius: 50px;
text-decoration: none !important;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.btn-white:hover {
background: var(--amber);
color: var(--blue-primary) !important;
transform: translateY(-2px);
} .inside-article > .stats-bar {
display: flex;
justify-content: center;
gap: 0;
background: var(--blue-secondary);
border-radius: 0 0 var(--radius-lg) var(--radius-lg);
padding: 20px 0;
margin-bottom: 40px;
max-width: 1200px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.stat-item {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.stat-item:last-child {
border-right: none;
}
.stat-number {
color: var(--amber);
font-size: 1.5em;
font-weight: 800;
}
.stat-label {
color: rgba(255, 255, 255, 0.8);
font-size: 0.85em;
margin-top: 2px;
} .inside-article > .section-padding,
.inside-article > .reviews-section,
.inside-article > .seo-section,
.inside-article > .maps-section,
.inside-article > div[class*="section"] {
max-width: 1200px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.section-padding {
padding: 60px 20px;
}
.section-bg-white {
background: #fff;
}
.section-bg-grey {
background: var(--grey-bg);
}
.section-bg-blue {
background: linear-gradient(135deg, var(--blue-primary), var(--blue-secondary));
color: #fff;
}
.section-bg-blue h2,
.section-bg-blue h3 {
color: #fff !important;
}
.section-bg-blue p {
color: rgba(255, 255, 255, 0.85);
}
.section-title {
text-align: center;
margin-bottom: 40px;
}
.section-title h2 {
color: var(--blue-primary);
font-size: 2em;
font-weight: 800;
margin-bottom: 12px;
}
.section-bg-blue .section-title h2 {
color: #fff !important;
}
.section-title p {
color: var(--text-muted);
font-size: 1.1em;
max-width: 600px;
margin: 0 auto;
}
.section-bg-blue .section-title p {
color: rgba(255, 255, 255, 0.8);
} .services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
}
.home .service-card,
.page-id-11 .service-card {
background: #fff;
border: 1px solid var(--grey-border);
border-top: 4px solid var(--blue-accent);
border-radius: var(--radius);
padding: 28px 24px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
margin-bottom: 0;
}
.home .service-card:hover,
.page-id-11 .service-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
border-top-color: var(--amber);
}
.card-icon {
font-size: 2em;
margin-bottom: 12px;
}
.service-card h3 {
color: var(--blue-secondary) !important;
font-size: 1.2em;
font-weight: 700;
margin-bottom: 8px;
}
.card-link {
display: inline-block;
margin-top: 12px;
color: var(--blue-accent) !important;
font-weight: 600;
text-decoration: none !important;
transition: color 0.2s;
}
.card-link:hover {
color: var(--amber) !important;
} .trust-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 24px;
}
.trust-item {
text-align: center;
padding: 30px 20px;
background: #fff;
border-radius: var(--radius);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
transition: transform 0.3s;
}
.trust-item:hover {
transform: translateY(-2px);
}
.trust-icon {
font-size: 2.2em;
margin-bottom: 12px;
}
.trust-item h3 {
color: var(--blue-secondary) !important;
font-size: 1.1em;
margin-bottom: 8px;
}
.trust-item p {
font-size: 0.95em;
color: var(--text-body);
} .cta-banner {
text-align: center;
padding: 50px 30px;
}
.cta-banner h2 {
color: #fff !important;
font-size: 2em;
font-weight: 800;
margin-bottom: 12px;
border-bottom: none !important;
}
.cta-banner p {
color: rgba(255, 255, 255, 0.85) !important;
font-size: 1.1em;
max-width: 600px;
margin: 0 auto 24px;
}
.cta-phone-big {
font-size: 1.8em;
font-weight: 800;
color: var(--amber) !important;
text-decoration: none !important;
display: inline-block;
margin: 16px 0;
transition: color 0.2s;
}
.cta-phone-big:hover {
color: #fbbf24 !important;
} .reviews-section {
padding: 60px 0;
}
.reviews-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
margin-top: 24px;
}
.review-card {
background: #fff;
border: 1px solid var(--grey-border);
border-radius: var(--radius);
padding: 24px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.review-stars {
color: var(--amber);
font-size: 1em;
letter-spacing: 2px;
margin-bottom: 10px;
}
.review-text {
color: var(--text-body);
font-size: 0.95em;
line-height: 1.6;
font-style: italic;
margin-bottom: 12px;
}
.review-author {
color: var(--blue-secondary);
font-weight: 700;
font-size: 0.9em;
}
.review-date {
color: var(--text-muted);
font-size: 0.8em;
} .google-rating-badge {
display: inline-flex;
align-items: center;
gap: 12px;
background: #fff;
border: 1px solid var(--grey-border);
border-radius: 50px;
padding: 12px 24px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.rating-stars {
color: var(--amber);
font-size: 1.1em;
}
.rating-score {
font-weight: 800;
color: var(--blue-secondary);
font-size: 1.1em;
}
.rating-count {
color: var(--text-muted);
font-size: 0.9em;
} .tarifs-section {
padding: 60px 0;
}
.tarifs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
}
.tarif-table {
background: #fff;
border-radius: var(--radius);
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
border: 1px solid var(--grey-border);
}
.tarif-header {
background: var(--blue-secondary);
color: #fff;
padding: 18px 24px;
font-size: 1.15em;
font-weight: 700;
}
.tarif-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 24px;
border-bottom: 1px solid var(--grey-border);
font-size: 0.95em;
color: var(--text-body);
}
.tarif-row:last-child {
border-bottom: none;
}
.tarif-prix {
font-weight: 700;
color: var(--blue-secondary);
white-space: nowrap;
} .faq-section {
padding: 0 !important;
}
.faq-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.faq-item {
background: #fff;
border: 1px solid var(--grey-border);
border-radius: var(--radius);
padding: 24px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
.faq-item h3 {
color: var(--blue-secondary) !important;
font-size: 1.05em;
font-weight: 700;
margin-bottom: 8px;
}
.faq-item p {
color: var(--text-body);
font-size: 0.95em;
line-height: 1.6;
margin-bottom: 0;
} .zones-section {
padding: 60px 0;
}
.zones-layout {
display: flex;
gap: 40px;
align-items: flex-start;
}
.zones-content {
flex: 1 1 55%;
}
.zones-image {
flex: 1 1 40%;
}
.zones-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
.zone-tag {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff;
border: 1px solid var(--grey-border);
border-radius: 50px;
padding: 8px 16px;
font-size: 0.9em;
color: var(--text-dark);
font-weight: 500;
text-decoration: none !important;
transition: all 0.2s;
}
.zone-tag:hover {
border-color: var(--blue-accent);
background: #eef2ff;
color: var(--blue-accent) !important;
}
.zone-pin {
font-size: 0.85em;
} .maps-section {
padding: 60px 0;
}
.maps-container {
border-radius: var(--radius);
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.maps-info {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-top: 24px;
}
.maps-info-item {
display: flex;
align-items: flex-start;
gap: 10px;
}
.info-icon {
font-size: 1.3em;
} .seo-section {
padding: 60px 0;
}
.seo-content {
max-width: 900px;
margin: 0 auto;
color: var(--text-body);
line-height: 1.8;
}
.seo-content h2 {
color: var(--blue-primary);
font-size: 1.5em;
margin-top: 40px;
margin-bottom: 16px;
}
.seo-content h3 {
color: var(--blue-secondary);
font-size: 1.2em;
margin-top: 28px;
margin-bottom: 10px;
}
.seo-content p {
margin-bottom: 16px;
}
.seo-content a {
color: var(--blue-accent);
text-decoration: none;
font-weight: 500;
}
.seo-content a:hover {
color: var(--amber);
text-decoration: underline;
} @media (max-width: 900px) {
.hero-section {
flex-direction: column;
padding: 40px 24px;
gap: 30px;
}
.hero-section .container-inner,
.hero-image {
flex: 1 1 100%;
}
.hero-section h1 {
font-size: 2em;
}
.stats-bar {
flex-wrap: wrap;
gap: 16px;
padding: 20px;
}
.stat-item {
border-right: none;
padding: 8px 16px;
}
.zones-layout {
flex-direction: column;
}
.zones-content,
.zones-image {
flex: 1 1 100%;
}
}
@media (max-width: 600px) {
.hero-section h1 {
font-size: 1.6em;
}
.services-grid {
grid-template-columns: 1fr;
}
.reviews-grid {
grid-template-columns: 1fr;
}
.tarifs-grid {
grid-template-columns: 1fr;
}
.faq-grid {
grid-template-columns: 1fr;
}
.section-padding {
padding: 40px 0;
}
.btn-primary,
.btn-secondary {
font-size: 0.95em;
padding: 12px 20px;
}
} .nap-section {
display: flex !important;
flex-wrap: wrap !important;
gap: 30px !important;
align-items: stretch !important;
padding: 40px !important;
background: #fff !important;
border-radius: var(--radius-lg) !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
border-top: 3px solid var(--amber-dark) !important;
margin-top: 40px !important;
}
.nap-section > .wp-block-group__inner-container {
display: flex !important;
flex-wrap: wrap !important;
gap: 30px !important;
width: 100% !important;
padding: 0 !important;
}
.nap-info {
flex: 0 0 48% !important;
min-width: 250px !important;
}
.nap-map {
flex: 0 0 48% !important;
min-width: 250px !important;
}
.nap-map iframe {
width: 100% !important;
height: 100% !important;
min-height: 500px !important;
border-radius: var(--radius) !important;
}
@media (max-width: 768px) {
.nap-section > .wp-block-group__inner-container {
flex-direction: column !important;
}
} body:not(.home) .entry-content > .wp-block-columns {
background: var(--grey-bg) !important;
border-radius: var(--radius-lg) !important;
padding: 28px 24px !important;
border: 1px solid var(--grey-border) !important;
margin-top: 16px !important;
margin-bottom: 40px !important;
}
body:not(.home) .entry-content > .wp-block-columns > .wp-block-column > p {
margin-bottom: 4px !important;
font-size: 0 !important;
line-height: 0 !important;
}
body:not(.home) .entry-content > .wp-block-columns > .wp-block-column > p > a {
display: inline-block !important;
background: #fff !important;
color: var(--blue-accent) !important;
padding: 10px 14px !important;
border-radius: 8px !important;
border: 1px solid var(--grey-border) !important;
text-decoration: none !important;
font-weight: 500 !important;
font-size: 13px !important;
line-height: 1.4 !important;
min-height: 44px !important;
display: inline-flex !important;
align-items: center !important;
transition: all var(--transition-fast) !important;
width: 100% !important;
box-sizing: border-box !important;
}
body:not(.home) .entry-content > .wp-block-columns > .wp-block-column > p > a:hover {
background: var(--blue-accent) !important;
color: #fff !important;
border-color: var(--blue-accent) !important;
transform: translateY(-1px) !important;
box-shadow: 0 3px 10px rgba(26, 95, 180, 0.2) !important;
}  html body .site-footer {
padding-top: 0 !important;
padding-bottom: 0 !important;
background: var(--grey-bg) !important;
background-image: none !important;
background-color: var(--grey-bg) !important;
border-top: none !important;
}
html body #footer-widgets,
html body .footer-widgets {
background: var(--grey-bg) !important;
background-image: none !important;
background-color: var(--grey-bg) !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
html body .footer-widgets-container {
background: var(--grey-bg) !important;
background-image: none !important;
padding: 0 !important;
}
html body .footer-widgets .inside-footer-widgets,
html body #footer-widgets .inside-footer-widgets,
html body .site-footer .inside-footer-widgets {
max-width: 1100px !important;
margin: 0 auto !important;
display: flex !important;
gap: 48px !important;
padding: 64px 32px 56px !important;
align-items: flex-start !important;
} html body .footer-widgets .widget-title {
color: var(--blue-heading) !important;
font-size: 0.75em !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
margin-bottom: 14px !important;
padding-bottom: 8px !important;
border-bottom: 2px solid var(--amber-dark) !important;
display: inline-block !important;
} html body .footer-widget-1 p,
html body .footer-widget-1 .textwidget p,
html body .footer-widget-1 .custom-html-widget p,
html body .footer-widget-1 .widget p {
color: #475569 !important;
font-size: 0.85em !important;
line-height: 1.6 !important;
margin-bottom: 4px !important;
}
html body .footer-widget-1 a {
color: var(--blue-accent) !important;
text-decoration: none !important;
font-weight: 600 !important;
}
html body .footer-widget-1 a[href^="tel:"] {
color: var(--red) !important;
font-weight: 700 !important;
} html body .footer-widget-1 {
flex: 0 0 240px !important;
} html body .footer-widget-2,
html body .footer-widget-3 {
flex: 1 !important;
}
html body .footer-widgets .widget_nav_menu ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
}
html body .footer-widgets .widget_nav_menu ul li {
margin: 0 !important;
padding: 0 !important;
} html body .site-footer .footer-widgets .widget_nav_menu ul li a,
html body .site-footer .footer-widgets .menu li a,
html body .site-footer .footer-widgets nav ul li a,
html body #footer-widgets .widget_nav_menu ul li a,
html body #footer-widgets .menu li a,
html body .footer-widgets-container .widget_nav_menu ul li a,
html body div.site-footer div.footer-widgets .menu-item a {
color: var(--blue-accent) !important;
background-color: #fff !important;
border: 1px solid var(--grey-border) !important;
font-size: 0.82em !important;
padding: 5px 12px !important;
display: inline-block !important;
border-radius: 6px !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: all var(--transition-fast) !important;
}
html body .site-footer .footer-widgets .widget_nav_menu ul li a:hover,
html body .site-footer .footer-widgets .menu li a:hover,
html body #footer-widgets .widget_nav_menu ul li a:hover,
html body div.site-footer div.footer-widgets .menu-item a:hover {
background-color: var(--blue-accent) !important;
color: #fff !important;
border-color: var(--blue-accent) !important;
} html body .footer-widgets .widget_nav_menu ul li a::before {
display: none !important;
content: none !important;
} html body .site-info,
html body footer.site-info,
html body .site-info.footer-bar-active {
background: var(--grey-bg) !important;
background-image: none !important;
border-top: 1px solid var(--grey-border) !important;
padding: 18px 0 !important;
}
html body .site-info,
html body .site-info *,
html body .inside-site-info,
html body .inside-site-info * {
color: #64748b !important;
}
html body .site-info a,
html body .site-info a:visited {
color: #475569 !important;
text-decoration: none !important;
}
html body .site-info a:hover {
color: var(--blue-accent) !important;
} html body .site-content {
padding-bottom: 0 !important;
} @media (max-width: 768px) {
html body .footer-widgets .inside-footer-widgets,
html body #footer-widgets .inside-footer-widgets {
flex-direction: column !important;
padding: 36px 20px 28px !important;
gap: 24px !important;
}
html body .footer-widget-1 {
flex: 1 !important;
}
} html body .maps-section .container-inner .maps-container {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: auto !important;
min-height: auto !important;
grid-template-columns: unset !important;
overflow: hidden !important;
border-radius: var(--radius-lg) !important;
}
html body .maps-section .container-inner .maps-container img {
width: 100% !important;
height: auto !important;
max-height: 500px !important;
object-fit: cover !important;
border-radius: var(--radius-lg) !important;
display: block !important;
} .section-bg-blue::before {
pointer-events: none !important;
}
.section-bg-blue .container-inner {
position: relative !important;
z-index: 2 !important;
} .hero-layout {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 40px !important;
align-items: center !important;
}
.hero-text {
display: flex;
flex-direction: column;
justify-content: center;
}
.hero-layout .hero-image {
border-radius: var(--radius-xl);
overflow: hidden;
height: 360px;
}
.hero-layout .hero-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: var(--radius-xl) !important;
}
@media (max-width: 768px) {
.hero-layout {
grid-template-columns: 1fr !important;
gap: 24px !important;
}
.hero-layout .hero-image {
height: 250px;
}
} .hero-section {
padding: 60px 0 70px !important;
min-height: 600px !important;
}
.hero-section .container-inner.hero-layout {
gap: 50px !important;
}
.hero-text h1 {
font-size: 3.2rem !important;
margin-bottom: 1rem !important;
}
.hero-text p {
font-size: 1.15rem !important;
line-height: 1.7 !important;
} .top-bar {
background: linear-gradient(135deg, #1e3a5f 0%, #0f1d32 100%) !important;
padding: 8px 0 !important;
font-size: 14px !important;
letter-spacing: 0.3px !important;
border-bottom: 2px solid #d4a017 !important;
}
.top-bar .inside-top-bar {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
.top-bar .inside-top-bar .widget {
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
.top-bar,
.top-bar .widget,
.top-bar span,
.top-bar .inside-top-bar {
color: rgba(255,255,255,0.9) !important;
font-weight: 500 !important;
}
.top-bar a {
color: #fbbf24 !important;
font-weight: 700 !important;
text-decoration: none !important;
font-size: 15px !important;
transition: color 0.2s ease !important;
}
.top-bar a:hover {
color: #fcd34d !important;
text-decoration: none !important;
} .service-card img {
width: 100% !important;
height: 180px !important;
object-fit: cover !important;
border-radius: var(--radius) !important;
margin-bottom: 16px !important;
} .blog-card:hover {
transform: translateY(-4px) !important;
box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
}
.blog-card a h3 {
transition: color 0.3s !important;
}
.blog-card:hover a h3 {
color: #d4a017 !important;
}
.blog-card img {
transition: transform 0.4s !important;
}
.blog-card:hover img {
transform: scale(1.05) !important;
} @media (max-width: 768px) {
.blog-hero h1 { font-size: 2rem !important; }
.blog-hero + div > div { grid-template-columns: 1fr !important; }
.blog-hero + div > div > div:first-child img { min-height: 250px !important; }
.blog-hero + div > div > div:last-child { padding: 25px 20px !important; }
#serrurerie > div:nth-child(2),
#rideaux > div:nth-child(2) { grid-template-columns: 1fr !important; }
#plomberie > div:nth-child(2),
#garage > div:nth-child(2) { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 480px) {
#plomberie > div:nth-child(2),
#garage > div:nth-child(2) { grid-template-columns: 1fr !important; }
} .blog-hero { background:rgba(255,255,255,0.6); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.5); box-shadow:0 8px 32px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.8); padding:60px 0 50px; text-align:center; border-radius:var(--radius-xl); margin:20px auto 50px; max-width:1100px; position:relative; overflow:hidden; }
.blog-hero::before { content:''; position:absolute; top:-80px; right:-80px; width:260px; height:260px; background:radial-gradient(circle, rgba(26,95,180,0.06) 0%, transparent 70%); border-radius:50%; pointer-events:none; }
.blog-hero::after { content:''; position:absolute; bottom:-60px; left:-60px; width:200px; height:200px; background:radial-gradient(circle, rgba(245,158,11,0.04) 0%, transparent 70%); border-radius:50%; pointer-events:none; }
.blog-hero h1 { color:var(--blue-heading) !important; font-size:2.8rem !important; margin-bottom:12px !important; font-weight:800 !important; }
.blog-hero .blog-hero-sub { color:#4b5563; font-size:1.15rem; line-height:1.7; margin-bottom:25px; }
.blog-cat-nav { display:flex !important; justify-content:center !important; gap:10px !important; flex-wrap:wrap !important; }
.blog-cat-nav a { background:rgba(13,43,94,0.08); color:var(--blue-heading) !important; padding:8px 20px; border-radius:var(--radius-pill); text-decoration:none; font-weight:600; font-size:14px; border:1px solid rgba(13,43,94,0.12); transition:all .3s; }
.blog-cat-nav a:hover { background:rgba(13,43,94,0.12); color:#d4a017 !important; border-color:rgba(212,160,23,0.3); } .blog-featured { display:grid !important; grid-template-columns:1fr 1fr !important; gap:0 !important; background:#fff; border-radius:var(--radius-xl); overflow:hidden; box-shadow:0 4px 25px rgba(0,0,0,0.08); max-width:1100px; margin:0 auto 60px; }
.blog-featured img { width:100%; height:100%; object-fit:cover; min-height:350px; }
.blog-featured-text { padding:40px 35px 40px 25px; display:flex !important; flex-direction:column !important; justify-content:center !important; }
.blog-featured-badge { background:rgba(13,43,94,0.1); color:var(--blue-heading) !important; padding:4px 14px; border-radius:var(--radius-pill); font-size:12px; font-weight:700; display:inline-block; width:fit-content; margin-bottom:16px; text-transform:uppercase; letter-spacing:0.5px; border:1px solid rgba(13,43,94,0.12); }
.blog-featured-text h2 { font-size:1.7rem !important; color:var(--blue-heading) !important; margin-bottom:14px !important; line-height:1.3 !important; font-weight:700 !important; }
.blog-featured-text h2 a { color:var(--blue-heading) !important; text-decoration:none; }
.blog-featured-text h2 a:hover { color:#d4a017 !important; }
.blog-featured-text p { color:#555; line-height:1.7; margin-bottom:20px; font-size:0.95rem; }
.blog-featured-text .read-more { color:var(--blue-heading); font-weight:700; text-decoration:none; font-size:0.95rem; } .blog-section-head { display:flex !important; align-items:center !important; gap:15px !important; margin-bottom:30px !important; }
.blog-section-head .bar-gold { width:4px; height:35px; background:linear-gradient(180deg,#d4a017,#b8860b); border-radius:2px; flex-shrink:0; }
.blog-section-head .bar-blue { width:4px; height:35px; background:linear-gradient(180deg,#3b82f6,#1d4ed8); border-radius:2px; flex-shrink:0; }
.blog-section-head .bar-purple { width:4px; height:35px; background:linear-gradient(180deg,#6366f1,#4338ca); border-radius:2px; flex-shrink:0; }
.blog-section-head .bar-green { width:4px; height:35px; background:linear-gradient(180deg,#10b981,#059669); border-radius:2px; flex-shrink:0; }
.blog-section-head h2 { font-size:1.8rem !important; color:var(--blue-heading) !important; margin:0 !important; font-weight:700 !important; white-space:nowrap; }
.blog-section-head .line { flex:1; height:1px; background:#e5e7eb; }
.blog-section-head a { color:var(--blue-heading) !important; font-weight:600; text-decoration:none; font-size:14px; white-space:nowrap; } .blog-grid-3 { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:25px !important; }
.blog-grid-4 { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:25px !important; } .blog-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 2px 15px rgba(0,0,0,0.06); transition:transform .3s,box-shadow .3s; }
.blog-card a { text-decoration:none !important; display:block; }
.blog-card img { width:100%; height:200px; object-fit:cover; transition:transform .4s; }
.blog-card .card-body { padding:20px; }
.blog-card .card-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; }
.blog-card .card-tag.gold { color:#d4a017; }
.blog-card .card-tag.blue { color:#3b82f6; }
.blog-card .card-tag.purple { color:#6366f1; }
.blog-card .card-tag.green { color:#10b981; }
.blog-card h3 { font-size:1.05rem !important; color:var(--blue-heading) !important; margin:8px 0 10px !important; line-height:1.4 !important; font-weight:600 !important; transition:color .3s; }
.blog-card:hover h3 { color:#d4a017 !important; }
.blog-card .card-body p { color:#666; font-size:0.85rem; line-height:1.6; margin:0; }
.blog-card.sm img { height:170px; }
.blog-card.sm .card-body { padding:18px; }
.blog-card.sm h3 { font-size:0.95rem !important; }
.blog-card.sm .card-body p { font-size:0.82rem; } .blog-card .card-placeholder { width:100%; height:200px; display:flex !important; align-items:center !important; justify-content:center !important; background:linear-gradient(135deg,rgba(30,58,95,0.08),rgba(30,58,95,0.15)); }
.blog-card .card-placeholder span { font-size:3.5rem; } .blog-see-also { display:flex !important; flex-wrap:wrap !important; gap:10px !important; margin-top:20px; padding:15px 0; border-top:1px solid #f0f0f0; align-items:center; }
.blog-see-also .label { color:#999; font-size:13px; font-weight:600; }
.blog-see-also a { color:var(--blue-heading) !important; font-size:13px; text-decoration:none; font-weight:500; }
.blog-see-also .sep { color:#ddd; } .blog-cta { background:rgba(255,255,255,0.6); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.5); box-shadow:0 8px 32px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.8); border-radius:var(--radius-xl); padding:50px 40px; text-align:center; position:relative; overflow:hidden; }
.blog-cta::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:120%; height:2px; background:linear-gradient(90deg,transparent,#d4a017,transparent); opacity:0.4; }
.blog-cta h2 { color:var(--blue-heading) !important; font-size:2rem !important; margin-bottom:20px !important; font-weight:700 !important; position:relative; }
.blog-cta h2::after { content:''; display:block; width:80px; height:3px; background:linear-gradient(90deg,#d4a017,#b8860b); margin:15px auto 0; border-radius:2px; }
.blog-cta p { color:#4b5563; font-size:1.05rem; margin-bottom:30px; max-width:600px; margin-left:auto; margin-right:auto; line-height:1.7; position:relative; }
.blog-cta-btns { display:flex !important; justify-content:center !important; gap:20px !important; flex-wrap:wrap !important; position:relative; }
.blog-cta .btn-gold { background:var(--red); color:#fff !important; padding:14px 35px; border-radius:var(--radius-pill); text-decoration:none; font-weight:700; font-size:1.1rem; box-shadow:0 4px 15px rgba(220,38,38,0.3); transition:all .3s; }
.blog-cta .btn-gold:hover { background:#b91c1c; transform:translateY(-2px); box-shadow:0 6px 20px rgba(220,38,38,0.4); }
.blog-cta .btn-outline { background:transparent; color:var(--blue-heading) !important; padding:14px 35px; border-radius:var(--radius-pill); text-decoration:none; font-weight:600; font-size:1rem; border:2px solid rgba(13,43,94,0.2); transition:all .3s; }
.blog-cta .btn-outline:hover { border-color:rgba(13,43,94,0.3); background:rgba(13,43,94,0.05); } .blog-services-grid { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:20px !important; }
.blog-services-grid .svc-box { background:#f8fafc; border-radius:12px; padding:25px; border:1px solid #e5e7eb; }
.blog-services-grid .svc-box h3 { font-size:1rem !important; color:var(--blue-heading) !important; margin-bottom:12px !important; font-weight:700 !important; }
.blog-services-grid .svc-links { display:flex !important; flex-direction:column !important; gap:6px !important; }
.blog-services-grid .svc-links a { color:#555 !important; text-decoration:none; font-size:13px; }
.blog-services-grid .svc-links a:hover { color:var(--blue-heading) !important; } @media (max-width: 768px) {
.blog-hero h1 { font-size:2rem !important; }
.blog-featured { grid-template-columns:1fr !important; }
.blog-featured img { min-height:250px !important; }
.blog-featured-text { padding:25px 20px !important; }
.blog-grid-3, .blog-grid-4 { grid-template-columns:1fr 1fr !important; }
.blog-services-grid { grid-template-columns:1fr !important; }
.blog-section-head a { display:none; }
}
@media (max-width: 480px) {
.blog-grid-3, .blog-grid-4 { grid-template-columns:1fr !important; }
}  .devis-button a.wp-block-button__link {
background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
color: #fff !important;
font-weight: 700 !important;
font-size: 1.05em !important;
padding: 14px 32px !important;
border-radius: var(--radius-pill) !important;
text-decoration: none !important;
transition: all var(--transition-base) !important;
box-shadow: 0 4px 15px rgba(59, 130, 246, 0.35) !important;
border: 2px solid rgba(255, 255, 255, 0.2) !important;
}
.devis-button a.wp-block-button__link:hover {
background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(59, 130, 246, 0.45) !important;
color: #fff !important;
} .service-hero .wp-block-buttons {
flex-wrap: wrap !important;
gap: 12px !important;
} .devis-modal-overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: rgba(7, 22, 51, 0.75) !important;
backdrop-filter: blur(6px) !important;
-webkit-backdrop-filter: blur(6px) !important;
z-index: 99999 !important;
align-items: center !important;
justify-content: center !important;
padding: 20px !important;
overflow-y: auto !important;
} .devis-modal-box {
background: #fff !important;
border-radius: var(--radius-xl) !important;
padding: 40px 36px !important;
max-width: 560px !important;
width: 100% !important;
position: relative !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
animation: devisModalIn 0.3s ease-out !important;
max-height: 90vh !important;
overflow-y: auto !important;
}
@keyframes devisModalIn {
from { opacity: 0; transform: translateY(30px) scale(0.95); }
to { opacity: 1; transform: translateY(0) scale(1); }
} .devis-modal-close {
position: absolute !important;
top: 16px !important;
right: 16px !important;
background: none !important;
border: none !important;
font-size: 2em !important;
color: #94a3b8 !important;
cursor: pointer !important;
line-height: 1 !important;
padding: 4px 8px !important;
transition: color 0.2s !important;
z-index: 2 !important;
}
.devis-modal-close:hover {
color: #1e293b !important;
} .devis-modal-title {
color: var(--blue-heading) !important;
font-size: 1.6em !important;
font-weight: 800 !important;
margin-bottom: 8px !important;
padding-right: 40px !important;
}
.devis-modal-subtitle {
color: #64748b !important;
font-size: 0.95em !important;
margin-bottom: 24px !important;
line-height: 1.5 !important;
} .devis-modal-box .wpcf7 { margin: 0 !important; }
.devis-form-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
}
.devis-field label {
display: block !important;
font-size: 0.85em !important;
font-weight: 600 !important;
color: var(--text-body) !important;
margin-bottom: 6px !important;
}
.devis-field-full { grid-column: 1 / -1 !important; }
.devis-modal-box .wpcf7 input[type="text"],
.devis-modal-box .wpcf7 input[type="email"],
.devis-modal-box .wpcf7 input[type="tel"],
.devis-modal-box .wpcf7 select,
.devis-modal-box .wpcf7 textarea {
width: 100% !important;
padding: 12px 14px !important;
border: 1.5px solid var(--grey-border) !important;
border-radius: 10px !important;
font-size: 0.95em !important;
transition: border-color 0.2s !important;
background: var(--grey-bg) !important;
}
.devis-modal-box .wpcf7 input:focus,
.devis-modal-box .wpcf7 select:focus,
.devis-modal-box .wpcf7 textarea:focus {
border-color: #3b82f6 !important;
outline: 2px solid #3b82f6 !important;
outline-offset: 2px !important;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
background: #fff !important;
}
.devis-modal-box .wpcf7 textarea { min-height: 100px !important; resize: vertical !important; }
.devis-modal-box .wpcf7 input[type="submit"] {
background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
color: #fff !important;
font-weight: 700 !important;
font-size: 1.1em !important;
padding: 16px 40px !important;
border: none !important;
border-radius: var(--radius-pill) !important;
cursor: pointer !important;
width: 100% !important;
margin-top: 8px !important;
transition: all var(--transition-base) !important;
box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3) !important;
}
.devis-modal-box .wpcf7 input[type="submit"]:hover {
background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(220, 38, 38, 0.4) !important;
}
.devis-modal-box .wpcf7-response-output {
margin: 12px 0 0 !important;
padding: 12px 16px !important;
border-radius: 10px !important;
font-size: 0.9em !important;
} @media (max-width: 600px) {
.devis-modal-box { padding: 28px 20px !important; border-radius: var(--radius-lg) !important; }
.devis-modal-title { font-size: 1.3em !important; }
.devis-form-grid { grid-template-columns: 1fr !important; }
.devis-modal-overlay { padding: 12px !important; align-items: flex-start !important; padding-top: 40px !important; }
.service-hero .wp-block-buttons { flex-direction: column !important; align-items: flex-start !important; }
.service-hero .wp-block-button { width: 100% !important; }
.service-hero .wp-block-button__link { width: 100% !important; text-align: center !important; }
}  body .site-header .site-branding-container {
height: auto !important;
min-height: 110px;
padding: 5px 0 !important;
}
body .site-header .site-branding-container .site-logo {
height: auto !important;
}
body .site-header .site-branding-container .site-logo img.header-image.is-logo-image,
body .site-header .header-image.is-logo-image {
width: auto !important;
height: 110px !important;
max-height: 110px !important;
max-width: 350px !important;
}
@media (max-width: 768px) {
body .site-header .site-branding-container .site-logo img.header-image.is-logo-image,
body .site-header .header-image.is-logo-image {
height: 55px !important;
max-height: 55px !important;
}
body .site-header .site-branding-container {
min-height: 60px;
}
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}  a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
outline: 2px solid var(--blue-accent) !important;
outline-offset: 2px !important;
box-shadow: 0 0 0 4px rgba(26, 95, 180, 0.2) !important;
} a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
outline: none !important;
box-shadow: none !important;
} .service-hero h1,
.hero-section h1,
.blog-hero h1,
.cta-section h2,
.blog-cta h2,
.section-title h2,
.blog-section-head h2 {
overflow-wrap: break-word !important;
word-break: break-word !important;
}
.service-card h3,
.trust-item h3,
.faq-item h3,
.tarif-header,
.review-card,
.blog-card h3 {
overflow-wrap: break-word !important;
word-break: break-word !important;
} .zone-tag,
.zone-section .wp-block-column p a,
body:not(.home) .entry-content > .wp-block-columns > .wp-block-column > p > a {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
max-width: 100% !important;
} .internal-links ul li a {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
max-width: 100% !important;
display: inline-block !important;
} .stat-item {
min-width: 0 !important;
}
.stat-number,
.stat-label {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
} .blog-card .card-body p,
.service-card p {
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden !important;
} body:not(.home) .entry-content .wp-block-table td,
body:not(.home) .entry-content .wp-block-table th {
overflow-wrap: break-word !important;
word-break: break-word !important;
} @media (forced-colors: active) {
.service-card,
.trust-item,
.faq-item,
.blog-card,
.review-card,
.tarif-table {
border: 2px solid CanvasText !important;
}
.btn-primary,
.btn-cta-blue,
.btn-white,
.blog-cta .btn-gold,
body:not(.home) .entry-content .cta-section a.wp-block-button__link,
body:not(.home) .entry-content .service-hero a.wp-block-button__link,
.devis-button a.wp-block-button__link,
.devis-modal-box .wpcf7 input[type="submit"] {
border: 2px solid ButtonText !important;
forced-color-adjust: none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible {
outline: 3px solid Highlight !important;
outline-offset: 2px !important;
}
.trust-badges::before,
.service-card::after,
.cta-section::before,
.cta-section::after,
.service-hero::before,
.service-hero::after {
display: none !important;
}
} @media print {
.top-bar,
.devis-modal-overlay,
.blog-cat-nav,
.blog-cta-btns {
display: none !important;
}
body:not(.home) .entry-content a[href^="tel:"]::after {
content: " (" attr(href) ")" !important;
font-size: 0.85em !important;
color: #666 !important;
}
.service-hero,
.cta-section,
.blog-hero,
.blog-cta {
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
background: #f0f4ff !important;
box-shadow: none !important;
}
* {
animation: none !important;
transition: none !important;
}
}:root { --blue: #3b82f6;
--blue-dark: #1e3a5f;
--blue-darker: #0f1d32;
--blue-light: #eff6ff;
--blue-accent: #60a5fa;
--gold: #f59e0b;
--gold-light: #fbbf24;
--red: #ef4444;
--green: #22c55e;
--grey-bg: #f8fafc; --glass-white: rgba(255, 255, 255, 0.70);
--glass-white-strong: rgba(255, 255, 255, 0.85);
--glass-blue: rgba(59, 130, 246, 0.12);
--glass-blue-medium: rgba(59, 130, 246, 0.20);
--glass-border: rgba(255, 255, 255, 0.30);
--glass-border-subtle: rgba(255, 255, 255, 0.15);
--glass-blur: blur(20px) saturate(180%);
--glass-blur-light: blur(12px) saturate(150%); --radius: 16px;
--radius-lg: 24px;
--radius-xl: 32px; --shadow: 0 4px 16px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.03);
--shadow-md: 0 8px 30px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.04);
--shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
--shadow-glass: 0 8px 32px rgba(59, 130, 246, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04); --transition: all .3s cubic-bezier(.4, 0, .2, 1);
}
* { box-sizing: border-box; }
body {
font-family: 'Poppins', 'Inter', system-ui, -apple-system, sans-serif !important;
color: #1e293b !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4 {
font-family: 'Poppins', 'Inter', system-ui, sans-serif !important;
color: var(--blue-dark) !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
.entry-content h2 {
font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
font-weight: 800 !important;
margin-bottom: .5em !important;
}
.container-inner {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
.section-padding { padding: 80px 0 !important; }
.section-title {
text-align: center !important;
margin-bottom: 60px !important;
}
.section-title h2 {
position: relative !important;
display: inline-block !important;
}
.section-title h2::after {
content: '' !important;
display: block !important;
width: 80px !important;
height: 3px !important;
background: linear-gradient(90deg, var(--blue), var(--blue-accent)) !important;
margin: 16px auto 0 !important;
border-radius: 2px !important;
}
.section-bg-grey { background: var(--grey-bg) !important; }
.section-bg-white { background: #fff !important; }
.highlight { color: var(--blue) !important; font-style: normal !important; } @supports not (backdrop-filter: blur(1px)) {
:root {
--glass-white: rgba(255, 255, 255, 0.95);
--glass-white-strong: rgba(255, 255, 255, 0.97);
}
}  .hero-section {
background: linear-gradient(135deg,
rgba(59, 130, 246, 0.12) 0%,
rgba(96, 165, 250, 0.18) 40%,
rgba(59, 130, 246, 0.08) 100%) !important;
backdrop-filter: var(--glass-blur) !important;
-webkit-backdrop-filter: var(--glass-blur) !important;
border: 1px solid var(--glass-border) !important;
padding: 60px 0 80px !important;
position: relative !important;
overflow: hidden !important;
}
@supports not (backdrop-filter: blur(1px)) {
.hero-section { background: linear-gradient(135deg, #eff6ff, #dbeafe) !important; }
} .hero-section::before {
content: '' !important;
position: absolute !important;
top: -50% !important;
right: -20% !important;
width: 600px !important;
height: 600px !important;
background: radial-gradient(circle, rgba(245, 158, 11, 0.08) 0%, transparent 70%) !important;
border-radius: 50% !important;
}
.hero-section::after {
content: '' !important;
position: absolute !important;
bottom: -30% !important;
left: -10% !important;
width: 400px !important;
height: 400px !important;
background: radial-gradient(circle, rgba(96, 165, 250, 0.10) 0%, transparent 70%) !important;
border-radius: 50% !important;
}
.hero-section * {
position: relative !important;
z-index: 2 !important;
} .hero-badge {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
padding: 10px 20px !important;
border-radius: 60px !important;
margin-bottom: 20px !important;
border: 1px solid var(--glass-border) !important;
box-shadow: var(--shadow) !important;
}
.hero-badge .stars {
color: var(--gold) !important;
font-size: 1.1rem !important;
}
.hero-badge .badge-text {
color: var(--blue-dark) !important;
font-size: .9rem !important;
font-weight: 500 !important;
} .hero-section h1 {
font-size: clamp(2.2rem, 5vw, 3.5rem) !important;
color: var(--blue-dark) !important;
font-weight: 800 !important;
line-height: 1.15 !important;
margin-bottom: 20px !important;
letter-spacing: -.02em !important;
font-family: 'Poppins', sans-serif !important;
}
.hero-section p {
color: #334155 !important;
font-size: 1.15rem !important;
line-height: 1.7 !important;
max-width: 540px !important;
} .entry-content > .hero-section {
max-width: 1200px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
border-radius: var(--radius-xl) !important;
padding: 60px 40px !important;
box-shadow: var(--shadow-glass) !important;
}  .btn-primary {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
background: var(--red) !important;
color: #fff !important;
padding: 16px 32px !important;
border-radius: 60px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 1.1rem !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: var(--transition) !important;
box-shadow: 0 4px 20px rgba(239, 68, 68, 0.25) !important;
border: none !important;
cursor: pointer !important;
letter-spacing: .3px !important;
}
.btn-primary:hover {
background: #dc2626 !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 30px rgba(239, 68, 68, 0.35) !important;
color: #fff !important;
}
.btn-primary .emoji { font-style: normal !important; }
.btn-secondary {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
background: var(--glass-white) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
color: var(--blue-dark) !important;
padding: 16px 32px !important;
border-radius: 60px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 1rem !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: var(--transition) !important;
border: 1px solid var(--glass-border) !important;
}
.btn-secondary:hover {
background: var(--glass-white-strong) !important;
border-color: rgba(59, 130, 246, 0.3) !important;
transform: translateY(-2px) !important;
color: var(--blue) !important;
box-shadow: var(--shadow-md) !important;
}
.cta-phone-big {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
background: var(--red) !important;
color: #fff !important;
padding: 20px 40px !important;
border-radius: 60px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 1.3rem !important;
font-weight: 800 !important;
text-decoration: none !important;
transition: var(--transition) !important;
box-shadow: 0 6px 24px rgba(239, 68, 68, 0.30) !important;
animation: pulse-red 2s ease-in-out infinite !important;
}
.cta-phone-big:hover {
transform: scale(1.05) !important;
box-shadow: 0 8px 30px rgba(239, 68, 68, 0.40) !important;
color: #fff !important;
}
@keyframes pulse-red {
0%, 100% { box-shadow: 0 6px 24px rgba(239, 68, 68, 0.30); }
50% { box-shadow: 0 6px 32px rgba(239, 68, 68, 0.45), 0 0 0 8px rgba(239, 68, 68, 0.08); }
}
.btn-cta-blue {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
background: var(--blue) !important;
color: #fff !important;
padding: 14px 28px !important;
border-radius: 60px !important;
font-family: 'Poppins', sans-serif !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: var(--transition) !important;
box-shadow: 0 4px 16px rgba(59, 130, 246, 0.25) !important;
}
.btn-cta-blue:hover {
background: var(--blue-dark) !important;
transform: translateY(-2px) !important;
color: #fff !important;
box-shadow: 0 6px 24px rgba(59, 130, 246, 0.35) !important;
}   .stats-bar {
display: flex !important;
justify-content: center !important;
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur) !important;
-webkit-backdrop-filter: var(--glass-blur) !important;
border: 1px solid var(--glass-border) !important;
color: var(--blue-dark) !important;
border-radius: var(--radius-lg) !important;
margin: 0 auto !important;
max-width: 1200px !important;
overflow: hidden !important;
box-shadow: var(--shadow-glass) !important;
position: relative !important;
z-index: 10 !important;
margin-top: -40px !important;
}
.stats-bar .stat-item {
flex: 1 !important;
text-align: center !important;
padding: 36px 20px !important;
position: relative !important;
}
.stats-bar .stat-item:not(:last-child)::after {
content: '' !important;
position: absolute !important;
right: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 1px !important;
height: 50% !important;
background: rgba(59, 130, 246, 0.12) !important;
}
.stat-number {
display: block !important;
font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
font-weight: 800 !important;
color: var(--blue) !important;
line-height: 1.1 !important;
margin-bottom: 4px !important;
font-family: 'Poppins', sans-serif !important;
}
.stat-label {
font-size: .75rem !important;
text-transform: uppercase !important;
letter-spacing: 2.5px !important;
color: #64748b !important;
font-weight: 600 !important;
} .services-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
.service-card {
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
border: 1px solid var(--glass-border) !important;
border-radius: var(--radius-lg) !important;
overflow: hidden !important;
box-shadow: var(--shadow) !important;
transition: var(--transition) !important;
}
.service-card:hover {
transform: translateY(-6px) !important;
box-shadow: var(--shadow-lg) !important;
border-color: rgba(59, 130, 246, 0.20) !important;
}
.card-icon {
font-size: 2.5rem !important;
margin-bottom: 12px !important;
display: block !important;
padding: 20px 24px 0 !important;
}
.service-img-placeholder {
background: var(--glass-blue) !important;
margin: 16px !important;
border-radius: var(--radius) !important;
padding: 40px !important;
text-align: center !important;
color: var(--blue) !important;
font-size: .85rem !important;
min-height: 120px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.service-card h3 {
padding: 0 24px !important;
font-size: 1.25rem !important;
font-weight: 700 !important;
color: var(--blue-dark) !important;
}
.service-card p {
padding: 0 24px !important;
color: #64748b !important;
font-size: .92rem !important;
line-height: 1.6 !important;
}
.card-link {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
color: var(--blue) !important;
font-weight: 700 !important;
padding: 0 24px 24px !important;
text-decoration: none !important;
transition: var(--transition) !important;
}
.card-link:hover {
color: var(--red) !important;
gap: 10px !important;
}  .trust-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 20px !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
.trust-item {
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
border: 1px solid var(--glass-border) !important;
border-left: 4px solid var(--blue) !important;
border-radius: var(--radius) !important;
padding: 28px 24px !important;
box-shadow: var(--shadow) !important;
transition: var(--transition) !important;
position: relative !important;
}
.trust-item:nth-child(2) { border-left-color: var(--gold) !important; }
.trust-item:nth-child(3) { border-left-color: var(--green) !important; }
.trust-item:nth-child(4) { border-left-color: var(--red) !important; }
.trust-item:nth-child(5) { border-left-color: #8b5cf6 !important; }
.trust-item:nth-child(6) { border-left-color: #06b6d4 !important; }
.trust-item:hover {
transform: translateY(-4px) !important;
box-shadow: var(--shadow-md) !important;
border-color: rgba(59, 130, 246, 0.15) !important;
} .trust-item:hover { border-left-color: var(--blue) !important; }
.trust-item:nth-child(2):hover { border-left-color: var(--gold) !important; }
.trust-item:nth-child(3):hover { border-left-color: var(--green) !important; }
.trust-item:nth-child(4):hover { border-left-color: var(--red) !important; }
.trust-item:nth-child(5):hover { border-left-color: #8b5cf6 !important; }
.trust-item:nth-child(6):hover { border-left-color: #06b6d4 !important; }
.trust-icon {
font-size: 2rem !important;
margin-bottom: 12px !important;
display: block !important;
}
.trust-item h3 {
font-size: 1.15rem !important;
font-weight: 700 !important;
color: var(--blue-dark) !important;
margin-bottom: 8px !important;
font-family: 'Poppins', sans-serif !important;
}
.trust-item p {
color: #64748b !important;
font-size: .9rem !important;
line-height: 1.6 !important;
margin: 0 !important;
}   .section-bg-blue {
background: linear-gradient(135deg,
rgba(59, 130, 246, 0.06) 0%,
rgba(96, 165, 250, 0.10) 100%) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
color: var(--blue-dark) !important;
padding: 60px 0 !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
}
.section-bg-blue::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b82f6' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
opacity: 0.5 !important;
}
.section-bg-blue h2 { color: var(--blue-dark) !important; }
.section-bg-blue p { color: #475569 !important; } .seo-section {
background: var(--grey-bg) !important;
padding: 60px 0 !important;
}
.seo-content {
max-width: 900px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
.seo-content h2 {
color: var(--blue-dark) !important;
font-size: 1.6rem !important;
margin: 2em 0 .8em !important;
}
.seo-content h3 {
font-size: 1.2rem !important;
color: var(--blue) !important;
margin: 1.5em 0 .6em !important;
font-family: 'Poppins', sans-serif !important;
}
.seo-content p {
color: #475569 !important;
line-height: 1.8 !important;
font-size: 1rem !important;
}
.seo-content strong, .seo-content u {
color: var(--blue-dark) !important;
font-weight: 700 !important;
} .tarifs-section {
background: #fff !important;
padding: 80px 0 !important;
}
.tarifs-grid {
max-width: 800px !important;
margin: 0 auto !important;
}
.tarif-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border-radius: var(--radius) !important;
overflow: hidden !important;
box-shadow: var(--shadow-md) !important;
border: 1px solid var(--glass-border) !important;
}
.tarif-header {
background: linear-gradient(135deg, var(--blue) 0%, var(--blue-accent) 100%) !important;
color: #fff !important;
padding: 18px 28px !important;
font-weight: 700 !important;
font-size: 1.1rem !important;
letter-spacing: .5px !important;
}
.tarif-row {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 16px 28px !important;
border-bottom: 1px solid #f1f5f9 !important;
transition: var(--transition) !important;
}
.tarif-row:hover {
background: rgba(59, 130, 246, 0.05) !important;
}
.tarif-row:nth-child(even) { background: #fafbfc !important; }
.tarif-row:nth-child(even):hover { background: rgba(59, 130, 246, 0.05) !important; }
.tarif-prix {
color: var(--blue) !important;
font-weight: 800 !important;
font-size: 1.05rem !important;
}   .reviews-section {
background: #fff !important;
padding: 80px 0 !important;
}
.google-rating-badge {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 16px !important;
margin-bottom: 40px !important;
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
padding: 20px 40px !important;
border-radius: var(--radius-lg) !important;
box-shadow: var(--shadow-glass) !important;
max-width: 500px !important;
margin-left: auto !important;
margin-right: auto !important;
border: 1px solid var(--glass-border) !important;
}
.rating-score {
font-size: 3rem !important;
font-weight: 800 !important;
color: var(--blue-dark) !important;
font-family: 'Poppins', sans-serif !important;
}
.rating-stars { color: var(--gold) !important; font-size: 1.4rem !important; }
.rating-count { color: #64748b !important; font-size: .9rem !important; } .reviews-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
gap: 24px !important;
}
.review-card {
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
border-radius: var(--radius) !important;
padding: 28px !important;
box-shadow: var(--shadow) !important;
border: 1px solid var(--glass-border) !important;
transition: var(--transition) !important;
position: relative !important;
border-top: 3px solid var(--gold) !important;
}
.review-card:hover {
transform: translateY(-4px) !important;
box-shadow: var(--shadow-md) !important;
}
.review-stars { color: var(--gold) !important; font-size: 1.1rem !important; margin-bottom: 12px !important; display: block !important; }
.review-text { color: #475569 !important; line-height: 1.7 !important; font-size: .95rem !important; font-style: italic !important; margin-bottom: 16px !important; }
.review-author { font-weight: 700 !important; color: var(--blue-dark) !important; font-size: .95rem !important; }
.review-date { color: #94a3b8 !important; font-size: .85rem !important; } .zones-section {
background: var(--grey-bg) !important;
padding: 80px 0 !important;
}
.zones-layout {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 40px !important;
align-items: start !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
.zones-image {
border-radius: var(--radius-lg) !important;
overflow: hidden !important;
box-shadow: var(--shadow-md) !important;
} .zones-tags {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin-top: 20px !important;
}
.zone-tag {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
color: var(--blue-dark) !important;
padding: 10px 20px !important;
border-radius: 60px !important;
font-size: .88rem !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: var(--transition) !important;
border: 1px solid var(--glass-border) !important;
box-shadow: var(--shadow) !important;
}
.zone-tag:hover {
background: rgba(59, 130, 246, 0.10) !important;
color: var(--blue) !important;
border-color: rgba(59, 130, 246, 0.3) !important;
transform: translateY(-2px) !important;
box-shadow: var(--shadow-md) !important;
}
.zone-pin { color: var(--red) !important; }   .faq-section {
background: #fff !important;
padding: 80px 0 !important;
}
.faq-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 20px !important;
max-width: 1000px !important;
margin: 0 auto !important;
}
.faq-item {
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
border-radius: var(--radius) !important;
padding: 28px !important;
transition: var(--transition) !important;
border: 1px solid var(--glass-border) !important;
}
.faq-item:hover {
border-color: rgba(59, 130, 246, 0.25) !important;
transform: translateY(-3px) !important;
box-shadow: var(--shadow-md) !important;
}
.faq-item h3 {
font-size: 1.05rem !important;
font-weight: 700 !important;
color: var(--blue-dark) !important;
margin-bottom: 10px !important;
font-family: 'Poppins', sans-serif !important;
}
.faq-item p {
color: #64748b !important;
font-size: .9rem !important;
line-height: 1.7 !important;
margin: 0 !important;
} .maps-section {
background: var(--grey-bg) !important;
padding: 60px 0 !important;
}
.maps-container {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 40px !important;
align-items: start !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
.maps-info {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
.maps-info-item {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
padding: 16px !important;
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
border-radius: var(--radius) !important;
box-shadow: var(--shadow) !important;
border: 1px solid var(--glass-border) !important;
}
.info-icon {
font-size: 1.3rem !important;
color: var(--blue) !important;
min-width: 24px !important;
} .cta-banner {
background: linear-gradient(135deg,
rgba(59, 130, 246, 0.08) 0%,
rgba(96, 165, 250, 0.12) 100%) !important;
backdrop-filter: var(--glass-blur) !important;
-webkit-backdrop-filter: var(--glass-blur) !important;
padding: 60px 0 !important;
text-align: center !important;
margin: 0 !important;
}
.cta-banner h2 {
color: var(--blue-dark) !important;
margin-bottom: 12px !important;
}
.cta-banner p {
color: #475569 !important;
margin-bottom: 28px !important;
}   .site-header {
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05) !important;
}
.site-header .main-navigation .sf-menu > li > a {
font-weight: 500 !important;
font-size: .85rem !important;
} .hero-section img,
.hero-image img {
border-radius: var(--radius) !important;
border: 3px dashed rgba(59, 130, 246, 0.15) !important;
} img { max-width: 100% !important; height: auto !important; }
table { max-width: 100% !important; }
iframe { max-width: 100% !important; } .entry-content a:not(.wp-block-button__link):not(.btn-primary):not(.btn-secondary):not(.btn-cta-blue):not(.cta-phone-big):not(.card-link):not(.zone-tag) {
color: var(--blue) !important;
text-decoration: underline !important;
text-decoration-color: rgba(59, 130, 246, 0.3) !important;
text-underline-offset: 3px !important;
transition: var(--transition) !important;
}
.entry-content a:not(.wp-block-button__link):not(.btn-primary):not(.btn-secondary):not(.btn-cta-blue):not(.cta-phone-big):not(.card-link):not(.zone-tag):hover {
text-decoration-color: var(--blue) !important;
} @media (max-width: 1024px) {
.hero-section,
.entry-content > .hero-section {
padding: 48px 28px !important;
}
.services-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
.zones-layout {
grid-template-columns: 1fr !important;
}
} @media (max-width: 768px) { .hero-section,
.entry-content > .hero-section {
padding: 36px 20px !important;
border-radius: 16px !important;
}
.hero-section h1 {
font-size: 2rem !important;
line-height: 1.2 !important;
} .stats-bar {
flex-direction: column !important;
}
.stats-bar .stat-item {
padding: 20px !important;
}
.stats-bar .stat-item:not(:last-child)::after {
width: 60% !important;
height: 1px !important;
right: auto !important;
left: 20% !important;
top: auto !important;
bottom: 0 !important;
transform: none !important;
} .services-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
} .trust-grid {
grid-template-columns: 1fr !important;
gap: 12px !important;
} .faq-grid {
grid-template-columns: 1fr !important;
} .reviews-grid {
grid-template-columns: 1fr !important;
} .tarif-table,
.wp-block-table {
display: block !important;
overflow-x: auto !important;
} .cta-banner .btn-primary,
.cta-banner .cta-phone-big {
width: 100% !important;
justify-content: center !important;
text-align: center !important;
} .maps-container {
grid-template-columns: 1fr !important;
} .zones-layout {
grid-template-columns: 1fr !important;
gap: 24px !important;
} .trust-item,
.service-card,
.review-card,
.faq-item,
.zone-tag {
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
}
} @media (max-width: 480px) {
.hero-section h1 {
font-size: 1.7rem !important;
line-height: 1.25 !important;
}
.btn-primary,
.cta-phone-big {
padding: 14px 24px !important;
font-size: 1rem !important;
}
.section-padding { padding: 48px 0 !important; }
} @supports not (backdrop-filter: blur(1px)) {
.site-header { background: rgba(255, 255, 255, 0.96) !important; }
.hero-section { background: linear-gradient(135deg, #eff6ff, #dbeafe) !important; }
.stats-bar { background: rgba(255, 255, 255, 0.97) !important; }
.hero-badge { background: rgba(255, 255, 255, 0.95) !important; }
.service-card,
.trust-item,
.review-card,
.faq-item,
.maps-info-item,
.zone-tag,
.google-rating-badge { background: rgba(255, 255, 255, 0.97) !important; }
.btn-secondary { background: rgba(255, 255, 255, 0.95) !important; }
.cta-banner { background: linear-gradient(135deg, #eff6ff, #dbeafe) !important; }
.section-bg-blue { background: linear-gradient(135deg, #eff6ff, #dbeafe) !important; }
}   .inside-article > .section-padding,
.inside-article > .reviews-section,
.inside-article > .seo-section,
.inside-article > .maps-section,
.inside-article > .zones-section,
.inside-article > .faq-section,
.inside-article > .cta-banner,
.inside-article > .section-bg-blue,
.inside-article > div[class*="section"] {
width: 100vw !important;
max-width: none !important;
margin-left: calc(-50vw + 50%) !important;
position: relative !important;
} .stats-bar {
border-radius: 0 !important;
max-width: none !important;
margin-top: -40px !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
padding: 0 !important;
border-left: none !important;
border-right: none !important;
}
.stats-bar .container-inner,
.stats-bar > div {
max-width: 1200px !important;
margin: 0 auto !important;
display: flex !important;
justify-content: center !important;
} .section-padding .container-inner,
.reviews-section .container-inner,
.seo-section .container-inner,
.maps-section .container-inner,
.zones-section .container-inner,
.faq-section .container-inner,
.cta-banner .container-inner {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
.services-grid {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
.trust-grid {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
.section-title {
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 24px !important;
} .maps-section .container-inner {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 32px !important;
align-items: stretch !important;
}
.maps-section .section-title {
grid-column: 1 / -1 !important;
padding: 0 !important;
}
.maps-container {
border-radius: var(--radius) !important;
overflow: hidden !important;
box-shadow: var(--shadow-md) !important;
min-height: 100% !important;
}
.maps-container iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
display: block !important;
}
.maps-info {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
.maps-info-item {
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur-light) !important;
-webkit-backdrop-filter: var(--glass-blur-light) !important;
border-radius: var(--radius) !important;
padding: 20px 24px !important;
box-shadow: var(--shadow) !important;
display: flex !important;
align-items: center !important;
gap: 16px !important;
transition: var(--transition) !important;
border: 1px solid var(--glass-border) !important;
border-left: 4px solid var(--blue) !important;
}
.maps-info-item:nth-child(2) { border-left-color: var(--gold) !important; }
.maps-info-item:nth-child(3) { border-left-color: var(--green) !important; }
.maps-info-item:nth-child(4) { border-left-color: var(--red) !important; }
.maps-info-item:hover {
transform: translateX(4px) !important;
box-shadow: var(--shadow-md) !important;
}
.maps-info-item .info-icon {
font-size: 1.5rem !important;
width: 48px !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(59, 130, 246, 0.08) !important;
border-radius: 12px !important;
flex-shrink: 0 !important;
}
.maps-info-item strong {
display: block !important;
font-size: .85rem !important;
color: #64748b !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: .5px !important;
margin-bottom: 4px !important;
}
.maps-info-item span,
.maps-info-item a {
font-size: 1rem !important;
color: var(--blue-dark) !important;
font-weight: 500 !important;
}
.maps-info-item a:hover { color: var(--blue) !important; } .cta-banner {
text-align: center !important;
padding: 60px 0 !important;
}
.cta-banner .container-inner {
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.cta-banner h2 {
color: var(--blue-dark) !important;
font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important;
}
.cta-banner p {
color: #475569 !important;
max-width: 600px !important;
margin: 0 auto 24px !important;
} .site-footer {
background: linear-gradient(135deg, #1e3a5f 0%, #0f1d32 100%) !important;
padding: 40px 0 !important;
border-top: 2px solid rgba(59, 130, 246, 0.3) !important;
}
.site-footer .inside-site-info {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
.site-footer .footer-bar { text-align: center !important; }
.site-footer,
.site-footer .copyright-bar,
.site-footer a,
.site-footer p,
.site-footer span,
.site-footer .footer-bar,
.site-footer .widget,
.site-footer .textwidget {
color: rgba(255, 255, 255, .8) !important;
font-size: .95rem !important;
}
.site-footer a {
color: var(--blue-accent) !important;
text-decoration: none !important;
transition: var(--transition) !important;
}
.site-footer a:hover {
color: #fff !important;
text-decoration: underline !important;
} @media (max-width: 768px) {
.maps-section .container-inner {
grid-template-columns: 1fr !important;
}
.inside-article > .section-padding,
.inside-article > .reviews-section,
.inside-article > .seo-section,
.inside-article > .maps-section,
.inside-article > .zones-section,
.inside-article > .faq-section,
.inside-article > .cta-banner,
.inside-article > .section-bg-blue,
.inside-article > div[class*="section"],
.stats-bar {
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
}
}   .site-footer {
background: linear-gradient(180deg, #1e3a5f 0%, #0f1d32 100%) !important;
border-top: 2px solid rgba(96, 165, 250, 0.25) !important;
} .footer-widgets {
background: linear-gradient(180deg, #1e3a5f 0%, #0f1d32 100%) !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
padding: 3rem 0 2rem !important;
}
.footer-widgets .inside-footer-widgets {
max-width: 1400px !important;
margin: 0 auto !important;
padding: 0 2rem !important;
} .footer-widgets .widget-title {
color: var(--blue-accent) !important;
font-family: 'Poppins', sans-serif !important;
font-size: 1.1rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
margin-bottom: 1.2rem !important;
padding-bottom: .6rem !important;
border-bottom: 2px solid rgba(96, 165, 250, 0.20) !important;
} .footer-widgets,
.footer-widgets p,
.footer-widgets .textwidget,
.footer-widgets .widget {
color: rgba(255, 255, 255, .75) !important;
font-size: .9rem !important;
line-height: 1.7 !important;
}
.footer-widgets a {
color: rgba(255, 255, 255, .8) !important;
text-decoration: none !important;
transition: color .3s ease !important;
}
.footer-widgets a:hover {
color: var(--blue-accent) !important;
} .footer-widgets .widget_nav_menu ul.menu {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
columns: 2 !important;
column-gap: 1.5rem !important;
}
.footer-widgets .widget_nav_menu ul.menu li {
break-inside: avoid !important;
padding: .3rem 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
}
.footer-widgets .widget_nav_menu ul.menu li a {
color: rgba(255, 255, 255, .8) !important;
font-size: .85rem !important;
display: block !important;
}
.footer-widgets .widget_nav_menu ul.menu li a::before {
content: '\203A' !important;
margin-right: .4rem !important;
color: var(--blue-accent) !important;
} .site-info {
background: linear-gradient(180deg, #0f1d32 0%, #080e1a 100%) !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
padding: 1rem 2rem !important;
text-align: center !important;
color: rgba(255, 255, 255, .5) !important;
font-size: .8rem !important;
}
.site-info .inside-site-info {
max-width: 1400px !important;
margin: 0 auto !important;
}
.site-info a { color: rgba(255, 255, 255, .6) !important; }
.site-info a:hover { color: var(--blue-accent) !important; }
.site-info .copyright-bar { display: none !important; } @media (max-width: 768px) {
.footer-widgets .inside-footer-widgets {
padding: 0 1.5rem !important;
}
.footer-widgets .widget_nav_menu ul.menu {
columns: 1 !important;
} .site-footer a[href^="tel:"] {
display: none !important;
} body { padding-bottom: 56px !important; }
}   .site-header {
background: var(--glass-white) !important;
backdrop-filter: var(--glass-blur) !important;
-webkit-backdrop-filter: var(--glass-blur) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
}
@supports not (backdrop-filter: blur(1px)) {
.site-header { background: rgba(255, 255, 255, 0.96) !important; }
} .site-header.grid-container {
max-width: 100% !important;
padding: 0 !important;
} .site-header .inside-header.grid-container {
max-width: 1400px !important;
margin: 0 auto !important;
padding: 0.6rem 2rem !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
} .site-header .site-branding {
flex-shrink: 0 !important;
}
.site-header .main-title a,
.site-header .site-branding a {
color: var(--blue-dark) !important;
font-family: 'Poppins', sans-serif !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
text-decoration: none !important;
letter-spacing: -.01em !important;
transition: color .3s ease !important;
}
.site-header .main-title a:hover,
.site-header .site-branding a:hover {
color: var(--blue) !important;
} .site-header .site-logo img,
.site-header .header-image.is-logo-image {
max-height: 110px !important;
width: auto !important;
height: auto !important;
} .wp-custom-logo .site-header .main-title,
.wp-custom-logo .site-header .site-branding-container .main-title {
display: none !important;
} .site-header .main-navigation {
background: transparent !important;
}
.site-header .main-navigation .inside-navigation.grid-container {
max-width: 100% !important;
padding: 0 !important;
} .site-header .main-navigation .sf-menu > li > a {
color: #334155 !important;
font-family: 'Poppins', sans-serif !important;
font-size: .82rem !important;
font-weight: 500 !important;
text-transform: uppercase !important;
letter-spacing: .3px !important;
padding: .7rem .75rem !important;
transition: all .3s ease !important;
position: relative !important;
border-radius: 8px !important;
}
.site-header .main-navigation .sf-menu > li > a:hover,
.site-header .main-navigation .sf-menu > li.current-menu-item > a {
color: var(--blue) !important;
background: rgba(59, 130, 246, 0.08) !important;
} .site-header .main-navigation .sf-menu > li > a::after {
content: '' !important;
position: absolute !important;
bottom: 4px !important;
left: 50% !important;
transform: translateX(-50%) scaleX(0) !important;
width: 60% !important;
height: 2px !important;
background: var(--blue) !important;
transition: transform .3s ease !important;
border-radius: 2px !important;
}
.site-header .main-navigation .sf-menu > li > a:hover::after,
.site-header .main-navigation .sf-menu > li.current-menu-item > a::after {
transform: translateX(-50%) scaleX(1) !important;
} .site-header .sf-menu > li {
position: relative !important;
}
.site-header .sf-menu > li::before {
content: '' !important;
position: absolute !important;
bottom: -8px !important;
left: 0 !important;
width: 100% !important;
height: 8px !important;
background: transparent !important;
}
.site-header .sf-menu ul.sub-menu {
background: var(--glass-white-strong) !important;
backdrop-filter: var(--glass-blur) !important;
-webkit-backdrop-filter: var(--glass-blur) !important;
border: 1px solid var(--glass-border) !important;
border-radius: 12px !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.10) !important;
padding: .5rem 0 !important;
min-width: 240px !important;
margin-top: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(8px) !important;
transition: opacity .25s ease, visibility .25s ease, transform .25s ease !important;
}
.site-header .sf-menu li:hover > ul.sub-menu,
.site-header .sf-menu li.sfHover > ul.sub-menu {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
} .site-header .sf-menu ul.sub-menu ul.sub-menu {
top: -0.5rem !important;
left: 100% !important;
margin-left: 0 !important;
margin-top: 0 !important;
} .site-header .sf-menu ul.sub-menu li {
position: relative !important;
}
.site-header .sf-menu ul.sub-menu li a {
color: #334155 !important;
font-family: 'Poppins', sans-serif !important;
font-size: .85rem !important;
padding: .5rem 1.2rem !important;
transition: all .2s ease !important;
white-space: nowrap !important;
}
.site-header .sf-menu ul.sub-menu li a:hover {
color: var(--blue) !important;
background: rgba(59, 130, 246, 0.06) !important;
padding-left: 1.5rem !important;
} .site-header .sf-menu ul.sub-menu li.menu-item-has-children > a::after {
content: '\203A' !important;
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 1.1rem !important;
opacity: .4 !important;
color: var(--blue) !important;
} .site-header .menu-toggle {
color: var(--blue-dark) !important;
background: rgba(59, 130, 246, 0.08) !important;
border: 1px solid rgba(59, 130, 246, 0.15) !important;
border-radius: 10px !important;
padding: .4rem .8rem !important;
}
.site-header .menu-toggle:hover {
background: rgba(59, 130, 246, 0.15) !important;
}
.site-header .menu-toggle .gp-icon svg {
fill: var(--blue-dark) !important;
} .site-header { margin-bottom: 0 !important; } .site-content,
.site-main {
margin-top: 0 !important;
padding-top: 0 !important;
} #site-navigation,
#site-navigation .inside-navigation,
.site-header #site-navigation,
.site-header nav,
.main-navigation,
.main-navigation .inside-navigation,
nav.main-navigation {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
#site-navigation .inside-navigation {
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.sf-menu,
#primary-menu,
ul.menu.sf-menu {
background: transparent !important;
}   .contact-hero {
text-align: center !important;
}
.contact-hero h1 {
margin-bottom: 0.5em !important;
}
.hero-phone-cta {
margin-top: 1.5em !important;
margin-bottom: 0.5em !important;
}
.hero-phone-cta .cta-phone-big {
font-size: 1.8rem !important;
padding: 16px 40px !important;
background: linear-gradient(135deg, #f59e0b, #d97706) !important;
color: #fff !important;
border-radius: 60px !important;
text-decoration: none !important;
font-weight: 800 !important;
display: inline-block !important;
box-shadow: 0 6px 25px rgba(245, 158, 11, 0.35) !important;
transition: all 0.3s ease !important;
letter-spacing: 0.02em !important;
}
.hero-phone-cta .cta-phone-big:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 30px rgba(245, 158, 11, 0.45) !important;
} .contact-main-section {
padding: 3rem 0 !important;
} .contact-form-card {
background: #fff !important;
border: 2px solid rgba(30, 58, 95, 0.08) !important;
border-radius: 20px !important;
padding: 2.5rem !important;
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06) !important;
}
.contact-form-card h2 {
font-size: 1.6rem !important;
margin-bottom: 0.5em !important;
} .contact-form-card .wpcf7 {
margin-top: 1.5rem !important;
}
.contact-form-card .form-row {
display: flex !important;
gap: 1rem !important;
margin-bottom: 0.25rem !important;
}
.contact-form-card .form-col {
flex: 1 !important;
}
.contact-form-card label {
display: block !important;
font-weight: 600 !important;
color: #1e3a5f !important;
margin-bottom: 6px !important;
font-size: 0.9rem !important;
}
.contact-form-card .wpcf7-form-control:not(.wpcf7-submit) {
width: 100% !important;
padding: 12px 16px !important;
border: 2px solid #e2e8f0 !important;
border-radius: 10px !important;
font-size: 1rem !important;
font-family: 'Poppins', sans-serif !important;
transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
background: #f8fafc !important;
color: #1e293b !important;
box-sizing: border-box !important;
}
.contact-form-card .wpcf7-form-control:not(.wpcf7-submit):focus {
border-color: #3b82f6 !important;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
outline: none !important;
background: #fff !important;
}
.contact-form-card .wpcf7-form-control::placeholder {
color: #94a3b8 !important;
font-style: italic !important;
}
.contact-form-card textarea.wpcf7-form-control {
min-height: 120px !important;
resize: vertical !important;
}
.contact-form-card select.wpcf7-form-control {
appearance: auto !important;
cursor: pointer !important;
}
.contact-form-card .wpcf7-submit {
width: 100% !important;
padding: 16px 24px !important;
background: linear-gradient(135deg, #1e3a5f 0%, #0f2847 100%) !important;
color: #fff !important;
border: none !important;
border-radius: 12px !important;
font-size: 1.15rem !important;
font-weight: 700 !important;
font-family: 'Poppins', sans-serif !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
margin-top: 0.5rem !important;
letter-spacing: 0.02em !important;
box-shadow: 0 4px 15px rgba(30, 58, 95, 0.3) !important;
}
.contact-form-card .wpcf7-submit:hover {
background: linear-gradient(135deg, #2a4f7a 0%, #1a3d63 100%) !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 20px rgba(30, 58, 95, 0.4) !important;
}
.contact-form-card .wpcf7-response-output {
border-radius: 10px !important;
padding: 12px 16px !important;
margin-top: 1rem !important;
}
.form-notice {
font-size: 0.82rem !important;
color: #64748b !important;
margin-top: 1rem !important;
padding: 12px 16px !important;
background: #f1f5f9 !important;
border-radius: 10px !important;
line-height: 1.5 !important;
} .contact-card {
background: #fff !important;
border: 2px solid rgba(30, 58, 95, 0.08) !important;
border-radius: 16px !important;
padding: 1.5rem 1.8rem !important;
margin-bottom: 1rem !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.contact-card:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
}
.contact-card > .wp-block-group__inner-container {
display: block !important;
}
.contact-card h3 {
color: #1e3a5f !important;
font-size: 1.1rem !important;
margin: 0 0 0.6em !important;
padding-bottom: 0.4em !important;
border-bottom: 2px solid rgba(59, 130, 246, 0.15) !important;
} .contact-card-phone {
background: linear-gradient(135deg, #1e3a5f 0%, #0f2847 100%) !important;
border: none !important;
}
.contact-card-phone h3 {
color: #60a5fa !important;
border-bottom-color: rgba(96, 165, 250, 0.25) !important;
}
.contact-card-phone p,
.contact-card-phone strong {
color: rgba(255, 255, 255, 0.9) !important;
}
.contact-phone-big a {
display: block !important;
font-size: 1.6rem !important;
font-weight: 800 !important;
color: #f59e0b !important;
text-decoration: none !important;
padding: 10px 0 !important;
letter-spacing: 0.03em !important;
} .contact-card-hours p {
margin-bottom: 0.6em !important;
font-size: 0.92rem !important;
} .contact-map-section {
padding: 2rem 0 !important;
}
.contact-map-section h2 {
text-align: center !important;
margin-bottom: 1.5rem !important;
}
.map-container {
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
border: 3px solid rgba(30, 58, 95, 0.08) !important;
}
.map-container iframe {
display: block !important;
} @media (max-width: 768px) {
.contact-form-card {
padding: 1.5rem !important;
}
.contact-form-card .form-row {
flex-direction: column !important;
gap: 0 !important;
}
.contact-layout {
flex-direction: column !important;
}
.hero-phone-cta .cta-phone-big {
font-size: 1.3rem !important;
padding: 14px 28px !important;
}
.contact-phone-big a {
font-size: 1.3rem !important;
}
}  @media (max-width: 768px) {
body:not(.home) .entry-content .service-hero a.wp-block-button__link {
font-size: 0.95em !important;
padding: 12px 20px !important;
box-sizing: border-box !important;
}
body:not(.home) .entry-content .cta-section a.wp-block-button__link,
body:not(.home) .entry-content .cta-button a.wp-block-button__link {
font-size: 0.95em !important;
padding: 14px 20px !important;
max-width: 100% !important;
box-sizing: border-box !important;
white-space: normal !important;
}
.service-hero .wp-block-buttons {
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
width: 100% !important;
}
.service-hero .wp-block-button__link {
width: 100% !important;
text-align: center !important;
box-sizing: border-box !important;
display: block !important;
}
.service-hero { overflow: visible !important; }
}
@media (max-width: 480px) {
body:not(.home) .entry-content .service-hero a.wp-block-button__link {
font-size: 0.88em !important;
padding: 10px 16px !important;
}
.service-hero { padding: 28px 16px !important; }
.cta-section { padding: 28px 16px !important; }
} .page .entry-header,
.single .entry-header {
display: none !important;
}   .interventions-section {
padding: 60px 0 !important;
margin: 40px 0 !important;
}
.interventions-section .container-inner {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 24px !important;
} .interventions-header {
margin-bottom: 40px !important;
position: relative !important;
}
.interventions-badge {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
background: var(--glass-white-strong, rgba(255,255,255,0.78)) !important;
backdrop-filter: blur(18px) !important;
-webkit-backdrop-filter: blur(18px) !important;
border: 1px solid rgba(255,255,255,0.45) !important;
padding: 6px 16px !important;
border-radius: 100px !important;
font-size: 0.78rem !important;
font-weight: 600 !important;
color: var(--blue-dark, #1e3a5f) !important;
letter-spacing: 0.02em !important;
margin-bottom: 16px !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
.interventions-badge::before {
content: '' !important;
width: 7px !important;
height: 7px !important;
border-radius: 50% !important;
background: #22c55e !important;
flex-shrink: 0 !important;
box-shadow: 0 0 6px rgba(34,197,94,0.5) !important;
}
.interventions-header h2 {
font-size: clamp(1.8rem, 4vw, 2.4rem) !important;
font-weight: 800 !important;
color: var(--blue-dark, #1e3a5f) !important;
line-height: 1.15 !important;
letter-spacing: -0.025em !important;
margin-bottom: 12px !important;
border-bottom: none !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
}
.interventions-header h2 span {
color: var(--blue, #3b82f6) !important;
}
.interventions-subtitle {
font-size: 1rem !important;
color: #64748b !important;
line-height: 1.6 !important;
max-width: 520px !important;
margin-bottom: 0 !important;
}
.interventions-header::after {
content: '' !important;
position: absolute !important;
bottom: -20px !important;
left: 0 !important;
width: 64px !important;
height: 3px !important;
background: linear-gradient(90deg, var(--blue, #3b82f6), var(--gold, #f59e0b)) !important;
border-radius: 3px !important;
} .interventions-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px !important;
margin-bottom: 40px !important;
} .intervention-card {
position: relative !important;
border-radius: 14px !important;
overflow: hidden !important;
aspect-ratio: 4 / 3 !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
border: 1px solid rgba(255,255,255,0.5) !important;
}
.intervention-card img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.intervention-card .card-overlay {
position: absolute !important;
inset: 0 !important;
background: linear-gradient(0deg, rgba(15,30,52,0.85) 0%, rgba(15,30,52,0.25) 40%, transparent 60%) !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
padding: 20px !important;
opacity: 0 !important;
transition: opacity 0.35s ease !important;
}
.intervention-card:hover .card-overlay {
opacity: 1 !important;
}
.intervention-card:hover img {
transform: scale(1.06) !important;
}
.card-overlay .card-service {
font-size: 0.7rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
color: var(--gold, #f59e0b) !important;
margin-bottom: 3px !important;
}
.card-overlay .card-title {
font-size: 0.95rem !important;
font-weight: 700 !important;
color: #fff !important;
line-height: 1.3 !important;
}
.card-overlay .card-location {
font-size: 0.78rem !important;
color: rgba(255,255,255,0.7) !important;
margin-top: 2px !important;
font-weight: 400 !important;
} .interventions-grid .intervention-card:first-child {
grid-column: span 2 !important;
} @media (max-width: 900px) {
.interventions-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
.interventions-grid .intervention-card:first-child {
grid-column: span 2 !important;
}
}
@media (max-width: 600px) {
.interventions-grid {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.interventions-grid .intervention-card:first-child {
grid-column: span 1 !important;
}
.intervention-card .card-overlay {
opacity: 1 !important;
background: linear-gradient(0deg, rgba(15,30,52,0.7) 0%, transparent 50%) !important;
}
.interventions-section {
padding: 40px 0 !important;
margin: 20px 0 !important;
}
}  .single-landing_page .entry-content {
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.single-landing_page .service-hero {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 40px 20px !important;
}
.single-landing_page .trust-badges {
max-width: 1200px !important;
margin: 0 auto !important;
}
.single-landing_page .entry-content > .wp-block-columns,
.single-landing_page .entry-content > .wp-block-heading,
.single-landing_page .entry-content > .wp-block-paragraph,
.single-landing_page .entry-content > .wp-block-group {
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 20px !important;
padding-right: 20px !important;
} @media (max-width: 768px) {
.single-landing_page .entry-content {
overflow-x: hidden !important;
}
.single-landing_page .service-hero {
padding: 24px 16px !important;
}
.single-landing_page .wp-block-columns {
flex-wrap: wrap !important;
}
.single-landing_page .wp-block-column {
flex-basis: 100% !important;
min-width: 0 !important;
}
.single-landing_page .wp-block-image img {
max-width: 100% !important;
height: auto !important;
}
.single-landing_page .entry-content > .wp-block-columns,
.single-landing_page .entry-content > .wp-block-heading,
.single-landing_page .entry-content > .wp-block-paragraph,
.single-landing_page .entry-content > .wp-block-group {
padding-left: 16px !important;
padding-right: 16px !important;
}
}