/* pro.css — professional restyle for aged-domain restores whose original theme CSS is
   unarchivable or renders broken as a static capture. Delivers a clean, modern, responsive
   presentation: centered column, styled top nav, hero, readable content, cards, footer.
   Pairs with pro.js (strips dead mobile/duplicate artifacts + tags the primary nav). */

:root{
  --accent:#0e7490; --accent-dark:#0c4a5e; --fg:#1f2937; --muted:#64748b;
  --bg:#ffffff; --soft:#f6f8fb; --line:#e5e9f0; --card:#ffffff;
  --maxw:1080px; --radius:14px; --shadow:0 1px 3px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.05);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0 auto!important; max-width:var(--maxw)!important; padding:0 22px 60px!important;
  background:var(--bg); color:var(--fg); float:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans",sans-serif;
  font-size:17px; line-height:1.72; -webkit-font-smoothing:antialiased; word-wrap:break-word}
img,svg,video,iframe{max-width:100%; height:auto}
a{color:var(--accent); text-decoration:none}
a:hover{color:var(--accent-dark); text-decoration:underline}

h1,h2,h3,h4{line-height:1.22; color:#0f172a; margin:1.5em 0 .5em; font-weight:750; letter-spacing:-.01em}
h1{font-size:2.1em} h2{font-size:1.55em} h3{font-size:1.25em}
p,ul,ol,blockquote,figure,table{margin:0 0 1.15em}
blockquote{border-left:4px solid var(--accent); padding:.4em 1.1em; margin-left:0;
  color:var(--muted); background:var(--soft); border-radius:0 8px 8px 0}
hr{border:0; border-top:1px solid var(--line); margin:2.2em 0}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; background:var(--soft); border-radius:6px}
code{padding:.12em .38em; font-size:.9em} pre{padding:1em; overflow:auto; border:1px solid var(--line)}
table{border-collapse:collapse; width:100%}
th,td{border:1px solid var(--line); padding:.55em .8em; text-align:left}
th{background:var(--soft)}

/* ---- primary nav (tagged by pro.js) rendered as a clean centered bar ---- */
.pro-nav{display:flex!important; flex-wrap:wrap; gap:6px 4px; align-items:center; justify-content:center;
  list-style:none!important; margin:14px 0 6px!important; padding:10px 14px!important;
  background:var(--soft); border:1px solid var(--line); border-radius:999px; float:none!important}
.pro-nav li{list-style:none!important; margin:0!important; float:none!important; display:inline-block!important}
.pro-nav a{display:inline-block; padding:7px 15px; border-radius:999px; color:#334155!important;
  font-weight:600; font-size:.96rem; white-space:nowrap; text-decoration:none!important}
.pro-nav a:hover{background:var(--accent); color:#fff!important}
.pro-nav ul{display:none!important} /* hide dropdown sub-menus in the bar */

/* site title line (first heading / logo area) */
.pro-brand{text-align:center; font-size:1.5rem; font-weight:800; letter-spacing:-.02em;
  color:#0f172a; padding:26px 0 4px; display:block}

/* buttons / CTAs — explicit CTA classes only (do NOT style bare <button>: catches toggles) */
a.button,.button,input[type=submit],.wp-block-button__link,.et_pb_button,.btn,.elementor-button,.sppb-btn{
  display:inline-block; background:var(--accent); color:#fff!important; padding:11px 22px;
  border-radius:10px; font-weight:650; border:0; cursor:pointer; text-decoration:none!important;
  box-shadow:var(--shadow); transition:background .15s}
a.button:hover,.button:hover,.wp-block-button__link:hover,.btn:hover,.elementor-button:hover{background:var(--accent-dark)}

/* framework menu togglers / hamburgers / carets (dead JS) + empty builder buttons -> hide */
.mm-toggler,.mm-toggler-link,.navbar-toggler,.menu-toggle,.mobile-toggle,button.navbar-toggle,
button:empty,button[class*="toggle"],button[class*="toggler"],.caret,.dropdown-toggle::after,
[class*="hamburger"],.et_pb_menu__wrap .et_pb_menu__search-button,
.btn-menu-mobile,.btn-menu-only,.tf-close,.tf-icon-search,.tf-icon-menu,.close-menu-panel-style-default,
.elementor-menu-toggle,.mobile_menu_button,.mobile-menu-icon,.burger-menu,.mfp-close{display:none!important}
/* SmartSlider / Nextend hero that never populates on a static restore -> hide the empty gap */
[class*="n2-ss"],[class*="n2-section"],[id*="n2-ss"],.n2-ss-slider,.smart-slider,[data-ssid],
.nextend-smartslider,.n2-section-smartslider,.sp-slider,.slider-container:empty{display:none!important}
/* floating share / social sticky bars (original-site widgets, dead) */
.sharethis-sticky-share-buttons,.st-sticky-share-buttons,#sharethis,.addtoany_share_save_container,
.a2a_floating_style,.sharethis-inline-share-buttons{display:none!important}
input[type=text],input[type=search],input[type=email],textarea,select{
  padding:10px 12px; border:1px solid var(--line); border-radius:10px; font:inherit; max-width:100%}

/* lists of posts / cards: give article/entry blocks a card look */
.post,.entry,article,.hentry,.type-post,.blog-post,.sppb-article,.item-page{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px 24px; margin:0 0 22px; box-shadow:var(--shadow)}
article h1,article h2,.post h2,.entry h2{margin-top:.2em}

/* footer */
footer,.site-footer,#footer,.footer{border-top:1px solid var(--line); margin-top:40px;
  padding-top:22px; color:var(--muted); font-size:.92rem}

/* ---- hide dead static-restore chrome / duplicate artifacts (pro.js also handles text-based) ---- */
.pro-hide{display:none!important}
.skip-link,.skip-to-content,.screen-reader-text,.sr-only,
.menu-toggle,.mobile-nav,.mobile-menu,.et_mobile_menu,.hamburger,.nav-toggle,
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close,
.et_pb_menu__search,.searchbox-toggle{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}

/* tame nested/expanded mega menus that a dead JS left open */
.sub-menu,.children{position:static!important}
.pro-nav ul{display:none!important}          /* .pro-nav is the top <ul>; descendant ul = dropdown */

/* non-functional search widgets (no backend on a static restore) -> hide */
.wp-block-search,form.searchform,.search-form,form[role="search"],.et_pb_search,
.widget_search,#searchform,.searchbox,.nav-search{display:none!important}

/* hide empty buttons/widgets/sections a dead builder (Elementor/Divi) left behind */
a.button:empty,.button:empty,.elementor-button:empty,.et_pb_button:empty,.wp-block-button__link:empty,
.elementor-widget-empty,.elementor-element:empty,.et_pb_module:empty,.widget:empty{display:none!important}
/* GoDaddy/theme lazy-load grey placeholder tiles that never populate */
img[src*="data:image/gif"],img[src*="placeholder"]:not([srcset]){opacity:0}
/* live-chat / "we are here" floating widgets from the original site (dead) */
.chaty-widget,#chaty-widget-0,.wp-chat,.tawk-min-container,[id*="tawkchat"],.fb_dialog{display:none!important}

/* ---- homepage building blocks (for recreated landing pages) ---- */
.hero{text-align:center; padding:60px 22px 48px; margin:16px 0 32px;
  background:linear-gradient(135deg,var(--soft) 0%,#fff 70%); border:1px solid var(--line); border-radius:18px}
.hero h1{font-size:2.5em; margin:.1em 0 .3em}
.hero .lead{font-size:1.22em; color:var(--muted); max-width:660px; margin:0 auto 1.5em}
.hero .eyebrow{text-transform:uppercase; letter-spacing:.12em; font-size:.82em; font-weight:700; color:var(--accent)}
.pro-section{margin:38px 0}
.pro-section > h2{text-align:center; margin-bottom:.7em}
.pro-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px}
.pro-card{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px; box-shadow:var(--shadow)}
.pro-card h3{margin:0 0 .45em; font-size:1.18em}
.pro-card p{margin:0; color:#475569}
.pro-center{text-align:center}
.pro-contact{background:var(--soft); border:1px solid var(--line); border-radius:14px; padding:26px; text-align:center}
.pro-contact a{font-weight:650}

@media (max-width:640px){
  body{font-size:16px; padding:0 15px 40px!important}
  h1{font-size:1.7em} h2{font-size:1.35em} .hero h1{font-size:1.9em}
  .pro-nav{border-radius:14px}
}