/*
Theme Name: SRP Theme
Theme URI: https://secureriskpartners.com
Author: Secure Risk Partners
Description: Custom theme for Secure Risk Partners commercial insurance agency
Version: 1.0
*/

/* ===== RESET & BASE ===== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Open Sans",sans-serif;color:#1a1a2e;background:#fff;overflow-x:hidden;}

/* ===== NAV ===== */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);height:86px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 20px rgba(0,0,0,0.08);}
.nav-logo img{height:70px;display:block;object-fit:contain;max-width:260px;}
.nav-logo svg{height:70px;width:auto;max-width:260px;display:block;}
.nav-links{display:flex;align-items:center;gap:30px;list-style:none;}
.nav-links a{color:#2d3748;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:0.02em;transition:color 0.2s;}
.nav-links a:hover{color:#2e6da4;}
.nav-phone{color:#2e6da4!important;font-weight:700!important;font-size:15px!important;}
.nav-cta{background:#2e6da4;color:white!important;padding:12px 26px;border-radius:6px;font-weight:700!important;font-size:14px!important;white-space:nowrap;}
.nav-cta:hover{background:#1e5a8e!important;}
.nav-dropdown{position:relative;}
.nav-dropdown > a::after{content:" ▾";font-size:10px;}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:white;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.12);min-width:220px;padding:8px 0;z-index:100;}
.nav-dropdown:hover .dropdown-menu{display:block;}
.dropdown-menu a{display:block;padding:10px 20px;color:#2d3748;text-decoration:none;font-size:14px;font-weight:500;transition:background 0.15s;}
.dropdown-menu a:hover{background:#f0f4f8;color:#2e6da4;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}
.hamburger span{display:block;width:24px;height:2px;background:#1a2f4e;border-radius:2px;transition:all 0.3s;}
.mobile-menu{display:none;position:fixed;top:86px;left:0;right:0;background:white;z-index:999;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,0.12);}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:12px 16px;color:#2d3748;text-decoration:none;font-size:15px;font-weight:600;border-bottom:1px solid #f0f4f8;}
.mobile-menu a:hover{color:#2e6da4;}

/* ===== HERO ===== */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;background-size:cover;background-position:center;}
.slide.active{opacity:1;}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,28,55,0.85) 0%,rgba(12,28,55,0.5) 100%);}
.slide-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:110px 80px 80px;max-width:820px;}
.slide-tag{display:inline-block;background:rgba(74,140,191,0.22);border:1px solid rgba(74,140,191,0.5);color:#90c8f0;padding:6px 16px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:22px;width:fit-content;}
.slide-content h1{font-family:"Playfair Display",serif;font-size:68px;font-weight:700;color:#fff;line-height:1.12;margin-bottom:20px;}
.slide-content h1 em{font-style:italic;color:#90c8f0;}
.slide-content p{font-size:18px;color:rgba(255,255,255,0.82);line-height:1.7;margin-bottom:36px;max-width:560px;font-weight:300;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;}
.btn-blue{background:#2e6da4;color:white;padding:16px 34px;border-radius:6px;font-weight:700;font-size:15px;text-decoration:none;transition:all 0.2s;display:inline-flex;align-items:center;gap:8px;}
.btn-blue:hover{background:#1e5a8e;transform:translateY(-1px);box-shadow:0 6px 20px rgba(46,109,164,0.45);}
.btn-white{background:white;color:#1a2f4e;padding:16px 34px;border-radius:6px;font-weight:700;font-size:15px;text-decoration:none;transition:all 0.2s;display:inline-flex;align-items:center;gap:8px;}
.btn-white:hover{background:#f0f4f8;transform:translateY(-1px);}
.slide-dots{position:absolute;bottom:36px;left:80px;display:flex;gap:10px;z-index:10;}
.dot{width:30px;height:3px;background:rgba(255,255,255,0.35);border-radius:2px;cursor:pointer;transition:all 0.3s;}
.dot.active{background:#fff;width:48px;}
.slide-counter{position:absolute;bottom:36px;right:80px;color:rgba(255,255,255,0.5);font-size:14px;font-weight:600;z-index:10;letter-spacing:0.06em;}
.slide-counter span{color:white;}

/* ===== TRUST BAR ===== */
.trust-bar{background:#1a2f4e;padding:18px 48px;display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;}
.trust-item{display:flex;align-items:center;gap:10px;padding:8px 28px;border-right:1px solid rgba(255,255,255,0.1);font-size:14px;font-weight:600;color:rgba(255,255,255,0.82);white-space:nowrap;}
.trust-item:last-child{border-right:none;}
.trust-icon{color:#5fa3d8;font-size:16px;}
.trust-stars{color:#f5c518;letter-spacing:2px;font-size:15px;}

/* ===== INDUSTRIES ===== */
.industries{padding:88px 48px;max-width:1280px;margin:0 auto;}
.section-label{font-size:12px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:#2e6da4;margin-bottom:10px;}
.section-title{font-family:"Playfair Display",serif;font-size:42px;font-weight:700;color:#1a2f4e;line-height:1.2;margin-bottom:10px;}
.section-sub{font-size:16px;color:#64748b;line-height:1.7;max-width:520px;margin-bottom:48px;}
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#e2e8f0;border-radius:12px;overflow:hidden;}
.ind-card{position:relative;height:270px;overflow:hidden;cursor:pointer;background:#1a2f4e;}
.ind-photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.48;transition:opacity 0.4s,transform 0.5s;}
.ind-card:hover .ind-photo{opacity:0.65;transform:scale(1.05);}
.ind-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,28,55,0.94) 0%,rgba(12,28,55,0.18) 70%,transparent 100%);}
.ind-body{position:absolute;bottom:0;left:0;right:0;padding:22px;z-index:2;}
.ind-icon{font-size:24px;margin-bottom:8px;display:block;}
.ind-card h3{font-family:"Playfair Display",serif;font-size:19px;font-weight:700;color:white;margin-bottom:5px;}
.ind-card p{font-size:13px;color:rgba(255,255,255,0.65);line-height:1.5;}
.ind-arrow{position:absolute;top:16px;right:16px;width:34px;height:34px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;transition:all 0.3s;}
.ind-card:hover .ind-arrow{background:#2e6da4;border-color:#2e6da4;}

/* ===== WHY US ===== */
.why{background:#f8fafc;padding:80px 48px;}
.why-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.why-points{display:flex;flex-direction:column;gap:0;}
.why-point{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid #e2e8f0;}
.why-point:last-child{border-bottom:none;}
.why-check{width:38px;height:38px;background:#2e6da4;border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:17px;flex-shrink:0;margin-top:2px;}
.why-text h4{font-size:16px;font-weight:700;color:#1a2f4e;margin-bottom:5px;}
.why-text p{font-size:14px;color:#64748b;line-height:1.65;}
.why-cta-block{display:flex;flex-direction:column;gap:24px;}
.big-phone{font-family:"Playfair Display",serif;font-size:38px;font-weight:700;color:#1a2f4e;text-decoration:none;display:block;transition:color 0.2s;}
.big-phone:hover{color:#2e6da4;}
.phone-label{font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#64748b;}

/* ===== CARRIERS ===== */
.carriers{padding:72px 48px;background:#fff;}
.carriers-inner{max-width:1100px;margin:0 auto;text-align:center;}
.carrier-row{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:40px;}
.carrier-badge{padding:14px 28px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-weight:700;color:#1a2f4e;background:#fff;transition:all 0.2s;}
.carrier-badge:hover{border-color:#2e6da4;color:#2e6da4;box-shadow:0 4px 16px rgba(46,109,164,0.12);}

/* ===== CTA BAND ===== */
.cta-band{background:linear-gradient(135deg,#0c1c37 0%,#1a3a6b 100%);padding:80px 48px;}
.cta-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.cta-text h2{font-family:"Playfair Display",serif;font-size:42px;font-weight:700;color:white;line-height:1.2;margin-bottom:20px;}
.cta-text p{font-size:16px;color:rgba(255,255,255,0.75);line-height:1.7;margin-bottom:28px;}
.cta-form{background:white;border-radius:16px;padding:36px;}
.cta-form h3{font-family:"Playfair Display",serif;font-size:24px;font-weight:700;color:#1a2f4e;margin-bottom:24px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.f-input{width:100%;padding:13px 16px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:"Open Sans",sans-serif;color:#1a1a2e;outline:none;transition:border-color 0.2s;background:#fff;}
.f-input:focus{border-color:#2e6da4;}
.f-submit{width:100%;margin-top:16px;background:#2e6da4;color:white;border:none;border-radius:8px;padding:16px;font-size:15px;font-weight:700;font-family:"Open Sans",sans-serif;cursor:pointer;transition:background 0.2s;}
.f-submit:hover{background:#1e5a8e;}
textarea.f-input{width:100%;padding:13px 16px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:"Open Sans",sans-serif;color:#1a1a2e;outline:none;transition:border-color 0.2s;background:#fff;}
textarea.f-input:focus{border-color:#2e6da4;}

/* ===== FOOTER ===== */
footer{background:#0d1b2e;padding:64px 48px 28px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;max-width:1100px;margin:0 auto 44px;}
.footer-logo svg{height:56px;width:auto;display:block;margin-bottom:20px;}
.footer-logo img{height:56px;display:block;object-fit:contain;width:auto;margin-bottom:20px;background:transparent;}
.footer-desc{font-size:15px;color:#ffffff;line-height:1.85;margin-bottom:22px;}
.footer-social{display:flex;gap:10px;margin-top:6px;}
.social-btn{width:42px;height:42px;background:#2e6da4;border-radius:6px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#ffffff;font-size:15px;font-weight:700;transition:background 0.2s;font-family:"Open Sans",sans-serif;}
.social-btn:hover{background:#1e5a8e;}
.footer-contact{margin-top:0;}
.footer-contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;}
.footer-contact-icon{color:#7dc4f0;font-size:17px;margin-top:2px;flex-shrink:0;}
.footer-contact-text{color:#ffffff;font-size:15px;line-height:1.65;}
.footer-contact-text a{color:#ffffff;text-decoration:none;font-weight:600;}
.footer-contact-text a:hover{color:#7dc4f0;}
.footer-col h4{font-family:"Playfair Display",serif;font-size:18px;font-weight:700;color:#ffffff;margin-bottom:18px;border-bottom:2px solid #2e6da4;padding-bottom:10px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
.footer-col ul a{color:#ffffff;text-decoration:none;font-size:15px;line-height:1.5;transition:color 0.2s;}
.footer-col ul a:hover{color:#7dc4f0;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.2);padding-top:24px;max-width:1100px;margin:0 auto;font-size:14px;color:#ffffff;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.footer-bottom a{color:#ffffff;text-decoration:none;}
.footer-bottom a:hover{color:#7dc4f0;}
.ca-note{font-size:13px;color:#ffffff;max-width:1100px;margin:10px auto 0;opacity:0.8;}

/* ===== MOBILE BAR ===== */
.mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:#1a2f4e;border-top:2px solid #2e6da4;padding:10px 16px;gap:10px;}
.m-btn{flex:1;padding:13px;border-radius:6px;text-align:center;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:0.04em;}
.m-call{background:#2e6da4;color:white;}
.m-quote{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:white;}

/* ===== BLOG PREVIEW ===== */
.blog-preview{padding:80px 48px;background:#f8fafc;}
.blog-preview-inner{max-width:1100px;margin:0 auto;}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;}
.blog-card{background:white;border-radius:12px;overflow:hidden;text-decoration:none;box-shadow:0 2px 16px rgba(0,0,0,0.06);transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,0.12);}
.blog-card-img{height:200px;background-size:cover;background-position:center;}
.blog-card-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:10px;}
.blog-card-date{font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#2e6da4;}
.blog-card-body h3{font-family:"Playfair Display",serif;font-size:18px;font-weight:700;color:#1a2f4e;line-height:1.35;}
.blog-card-body p{font-size:14px;color:#64748b;line-height:1.65;flex:1;}
.blog-card-link{font-size:13px;font-weight:700;color:#2e6da4;margin-top:4px;}
.blog-card:hover .blog-card-link{color:#1e5a8e;}
@media(max-width:960px){
  .blog-preview{padding:56px 20px;}
  .blog-grid{grid-template-columns:1fr;}
}

/* ===== PAGE CONTENT ===== */
.page-content{padding:120px 48px 80px;max-width:1100px;margin:0 auto;}
.page-content h1{font-family:"Playfair Display",serif;font-size:48px;font-weight:700;color:#1a2f4e;margin-bottom:24px;}
.page-content h2{font-family:"Playfair Display",serif;font-size:32px;font-weight:700;color:#1a2f4e;margin-bottom:16px;margin-top:40px;}
.page-content p{font-size:16px;color:#4a5568;line-height:1.8;margin-bottom:16px;}

/* ===== ALEX CHAT ===== */
#srp-chat-widget{position:fixed;bottom:90px;right:24px;z-index:998;font-family:"Open Sans",sans-serif;}
#srp-chat-btn{width:58px;height:58px;background:#2e6da4;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 18px rgba(46,109,164,0.45);font-size:26px;transition:transform 0.2s;}
#srp-chat-btn:hover{transform:scale(1.1);}
#srp-chat-box{display:none;position:absolute;bottom:70px;right:0;width:340px;background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,0.18);overflow:hidden;flex-direction:column;}
#srp-chat-box.open{display:flex;}
#srp-chat-header{background:#1a2f4e;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;}
#srp-chat-header span{color:#fff;font-weight:700;font-size:15px;}
#srp-chat-close{color:rgba(255,255,255,0.7);cursor:pointer;font-size:20px;line-height:1;}
#srp-chat-close:hover{color:#fff;}
#srp-chat-messages{height:280px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#f8fafc;}
.srp-msg{max-width:82%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;}
.srp-msg.bot{background:#fff;border:1px solid #e2e8f0;align-self:flex-start;color:#1a2f4e;}
.srp-msg.user{background:#2e6da4;color:#fff;align-self:flex-end;}
#srp-chat-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid #e2e8f0;background:#fff;}
#srp-chat-input{flex:1;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:14px;font-family:"Open Sans",sans-serif;outline:none;}
#srp-chat-input:focus{border-color:#2e6da4;}
#srp-chat-send{background:#2e6da4;color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:700;font-size:13px;}
#srp-chat-send:hover{background:#1e5a8e;}
#srp-chat-typing{font-size:13px;color:#94a3b8;padding:0 16px 8px;display:none;}

/* ===== RESPONSIVE ===== */
@media(max-width:960px){
  nav{padding:0 20px;height:70px;}
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .slide-content{padding:90px 28px 60px;}
  .slide-content h1{font-size:38px;}
  .slide-dots{left:28px;}
  .slide-counter{right:28px;}
  .trust-bar{padding:14px 20px;gap:0;}
  .trust-item{padding:7px 14px;font-size:13px;}
  .industries{padding:56px 20px;}
  .section-title{font-size:32px;}
  .ind-grid{grid-template-columns:1fr 1fr;}
  .why{padding:56px 20px;}
  .why-inner{grid-template-columns:1fr;gap:40px;}
  .carriers{padding:56px 20px;}
  .carrier-row{gap:10px;}
  .carrier-badge{padding:10px 18px;font-size:14px;}
  .cta-band{padding:56px 20px;}
  .cta-inner{grid-template-columns:1fr;gap:40px;}
  .cta-text h2{font-size:32px;}
  .form-row{grid-template-columns:1fr;}
  footer{padding:48px 20px 20px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center;}
  .mobile-bar{display:flex;}
  #srp-chat-widget{bottom:78px;right:16px;}
  #srp-chat-box{width:300px;}
  .page-content{padding:100px 20px 60px;}
}
@media(max-width:600px){
  .slide-content h1{font-size:30px;}
  .ind-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .trust-item{border-right:none;border-bottom:1px solid rgba(255,255,255,0.1);width:100%;justify-content:center;}
  .trust-item:last-child{border-bottom:none;}
}