/*
Theme Name: Romark A/C & Plumbing Divi Pro Exact
Theme URI: https://romarkac.com/
Description: Premium Romark Divi child theme rebuilt to match the approved Palm Beach County mockup, including a custom logo header, static front page, editable Divi sections, service pages, and custom footer.
Author: Wiener Squad Media
Version: 3.0.0
Template: Divi
Text Domain: romark-divi-pro-exact
*/

:root{
  --romark-blue:#064a9e;
  --romark-navy:#062f68;
  --romark-deep:#052758;
  --romark-gold:#ffb800;
  --romark-text:#0f172a;
  --romark-border:#c9d5e5;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--romark-text);font-family:Arial,Helvetica,sans-serif;background:#fff}
#page-container{padding-top:0!important}
#main-content{background:#fff}
h1,h2,h3,h4{font-family:Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.35px}
a{text-decoration:none}
.et_pb_section{background-color:transparent}

/* Custom header replaces the default Divi logo/header so the real Romark logo always appears */
.romark-site-header{background:#fff;border-bottom:1px solid #dbe3ef;position:relative;z-index:9999}
.romark-header-inner{width:96%;max-width:1280px;margin:auto;min-height:150px;display:grid;grid-template-columns:245px 1fr;gap:25px;align-items:center}
.romark-brand img{display:block;width:190px;height:auto;max-height:125px;object-fit:contain}
.romark-header-right{display:flex;flex-direction:column;justify-content:center;gap:21px}
.romark-header-top{display:flex;align-items:center;justify-content:flex-end;gap:22px;font-size:16px;font-weight:800;color:var(--romark-navy)}
.romark-header-top a{color:var(--romark-navy)}
.romark-header-top .request{background:var(--romark-navy);color:#fff;padding:16px 24px;border-radius:3px;text-transform:uppercase}
.romark-nav-row{display:flex;align-items:center;justify-content:flex-end}
.romark-main-nav{display:flex;align-items:center;gap:34px;list-style:none;padding:0;margin:0}
.romark-main-nav a{font-size:14px;font-weight:800;color:#111827;text-transform:uppercase}
.romark-main-nav a:hover,.romark-main-nav .current-menu-item>a{color:var(--romark-blue)}
.romark-mobile-toggle{display:none;border:0;background:transparent;font-size:29px;color:var(--romark-navy);cursor:pointer}

/* Approved hero */
.romark-hero{min-height:430px;display:flex;align-items:center;background:
linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 36%,rgba(255,255,255,.65) 51%,rgba(255,255,255,0) 74%),
url("assets/images/romark-hero.jpg") center right/cover no-repeat!important}
.romark-hero .et_pb_row{width:92%!important;max-width:1180px!important}
.romark-kicker{font-family:Impact,"Arial Narrow",Arial,sans-serif;color:var(--romark-blue);font-size:26px;line-height:1.1;text-transform:uppercase;margin-bottom:10px}
.romark-hero h1{font-size:66px;line-height:1.01;color:var(--romark-navy);text-transform:uppercase;margin:0 0 26px}
.romark-hero-copy{font-size:19px;line-height:1.45;max-width:530px;margin-bottom:22px}
.romark-hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.romark-solid-button,.romark-outline-button,.romark-small-button{display:inline-block;font-weight:800;text-transform:uppercase;border-radius:3px}
.romark-solid-button{background:var(--romark-blue);color:#fff!important;padding:14px 23px}
.romark-outline-button{background:#fff;color:var(--romark-navy)!important;border:2px solid var(--romark-blue);padding:12px 23px}
.romark-small-button{background:var(--romark-blue);color:#fff!important;padding:12px 24px}

/* Blue trust strip */
.romark-trust-strip{background:linear-gradient(90deg,var(--romark-navy),#0865c5)!important;padding:19px 0!important;color:#fff}
.romark-trust-strip .et_pb_row{width:94%!important;max-width:1240px!important}
.romark-trust-item{min-height:64px;display:flex;align-items:center;gap:14px;border-right:1px solid rgba(255,255,255,.55);padding:0 16px}
.romark-trust-strip .et_pb_column:last-child .romark-trust-item{border-right:0}
.romark-trust-icon{font-size:37px;line-height:1;color:#fff;min-width:42px;text-align:center}
.romark-trust-text{font-weight:800;font-size:14px;line-height:1.35;color:#fff;text-transform:uppercase}

/* Service row */
.romark-services-section{padding:31px 0 28px!important}
.romark-services-section .et_pb_row{width:92%!important;max-width:1180px!important}
.romark-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}
.romark-service-card{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;align-items:center}
.romark-service-card h2{font-size:29px;line-height:1.05;color:var(--romark-blue);text-transform:uppercase;margin:0 0 15px}
.romark-check-list{list-style:none;padding:0;margin:0 0 19px}
.romark-check-list li{position:relative;padding-left:26px;margin:11px 0;font-size:16px}
.romark-check-list li:before{content:"✓";position:absolute;left:0;color:var(--romark-navy);font-weight:900}
.romark-service-photo{width:100%;height:220px;object-fit:cover;display:block}

/* Why choose */
.romark-why-section{border-top:1px solid var(--romark-border);padding:24px 0 18px!important}
.romark-why-section .et_pb_row{width:92%!important;max-width:1180px!important}
.romark-section-heading{text-align:center;font-size:29px;line-height:1.05;color:var(--romark-navy);text-transform:uppercase;margin:0}
.romark-why-grid{display:grid;grid-template-columns:repeat(5,1fr) 1.55fr;gap:0;align-items:stretch}
.romark-benefit{padding:10px 14px;text-align:center;border-right:1px solid var(--romark-border)}
.romark-benefit-icon{font-size:43px;line-height:1;color:var(--romark-blue);margin-bottom:12px}
.romark-benefit p{font-size:13px;line-height:1.35;margin:0}
.romark-special-box{border:2px dashed var(--romark-blue);border-radius:8px;padding:14px 20px;text-align:center;margin-left:20px}
.romark-special-box h3{font-size:27px;line-height:1.03;color:var(--romark-navy);text-transform:uppercase;margin:0 0 8px}
.romark-special-box p{font-size:14px;line-height:1.3;margin:0 0 13px}

/* Testimonials */
.romark-testimonials-section{border-top:1px solid var(--romark-border);padding:18px 0 0!important}
.romark-testimonials-section .et_pb_row{width:92%!important;max-width:1180px!important}
.romark-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.65fr;align-items:stretch}
.romark-testimonial{text-align:center;padding:10px 18px;border-right:1px solid var(--romark-border);font-size:13px;font-style:italic}
.romark-stars{color:var(--romark-gold);font-size:21px;letter-spacing:2px;margin-bottom:8px}
.romark-testimonial p{line-height:1.5;margin:0 0 8px}
.romark-testimonial strong{font-style:normal;font-size:12px}
.romark-van-image{width:100%;height:165px;object-fit:cover;display:block}

/* Custom footer */
.romark-site-footer{background:linear-gradient(90deg,var(--romark-navy),#0756aa);color:#fff}
.romark-footer-inner{width:92%;max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .9fr 1.15fr 1.1fr;gap:34px;padding:31px 0 25px}
.romark-footer-logo{width:175px;height:auto;display:block;margin-bottom:8px}
.romark-site-footer h4{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#fff;text-transform:uppercase;margin:0 0 12px}
.romark-site-footer p,.romark-site-footer a{color:#fff;font-size:13px;line-height:1.5}
.romark-footer-links{list-style:none;padding:0;margin:0}
.romark-footer-links li{margin:4px 0}
.romark-footer-bottom{background:#0b4d98;text-align:center;padding:10px 15px;font-size:12px}

/* Inner pages */
.romark-page-hero{background:linear-gradient(135deg,var(--romark-navy),var(--romark-blue))!important;padding:70px 0!important}
.romark-page-hero h1{color:#fff;font-size:52px;text-transform:uppercase;margin:0}
.romark-content-section{padding:65px 0!important}
.romark-content-card{background:#fff;box-shadow:0 10px 30px rgba(6,47,104,.11);border-top:5px solid var(--romark-blue);padding:30px;border-radius:8px}

/* Remove Divi's own theme header/footer if a plugin injects them */
#main-header,#top-header,#main-footer{display:none!important}

@media(max-width:1100px){
 .romark-main-nav{gap:18px}
 .romark-main-nav a{font-size:12px}
 .romark-header-top{font-size:14px}
}
@media(max-width:980px){
 .romark-header-inner{min-height:108px;grid-template-columns:150px 1fr}
 .romark-brand img{width:135px;max-height:90px}
 .romark-header-top{display:none}
 .romark-nav-row{justify-content:flex-end}
 .romark-mobile-toggle{display:block}
 .romark-main-nav{display:none;position:absolute;left:0;right:0;top:108px;background:#fff;flex-direction:column;align-items:flex-start;padding:22px 5%;box-shadow:0 12px 22px rgba(0,0,0,.12)}
 .romark-main-nav.is-open{display:flex}
 .romark-service-grid{grid-template-columns:1fr}
 .romark-why-grid{grid-template-columns:repeat(3,1fr)}
 .romark-special-box{margin:15px 0 0;grid-column:1/-1}
 .romark-testimonials-grid{grid-template-columns:repeat(3,1fr)}
 .romark-van-image{grid-column:1/-1;height:230px}
 .romark-footer-inner{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
 .romark-hero{min-height:590px;background:
 linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.89)),
 url("assets/images/romark-hero.jpg") center/cover no-repeat!important}
 .romark-hero h1{font-size:44px}
 .romark-kicker{font-size:21px}
 .romark-hero-copy{font-size:17px}
 .romark-service-card{grid-template-columns:1fr}
 .romark-service-photo{height:260px}
 .romark-why-grid{grid-template-columns:repeat(2,1fr)}
 .romark-testimonials-grid{grid-template-columns:1fr}
 .romark-testimonial{border-right:0;border-bottom:1px solid var(--romark-border)}
 .romark-footer-inner{grid-template-columns:1fr}
}