/*
Theme Name: Ten 11 Industrial
Description: Custom theme rebuilt to match the Ten 11 Industrial, LLC website.
Version: 1.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ten11
*/

:root{
  --t11-navy:#0d1433;
  --t11-blue:#619cc7;
  --t11-ink:#1d1e20;
  --t11-light:#fcfcfc;
  --t11-gutter:max(16px, calc((100% - 1224px) / 2));
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"DM Sans",sans-serif;color:var(--t11-ink);background:#fff;font-size:16px;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit}

/* Header */
.t11-header{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);position:relative;z-index:10}
.t11-header__inner{display:flex;align-items:center;justify-content:space-between;padding:20px var(--t11-gutter);min-height:150px;gap:24px}
.t11-logo img{width:280px;max-width:60vw}
.t11-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:32px;flex-wrap:wrap}
.t11-nav a{text-decoration:none;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding-bottom:4px;border-bottom:1px solid transparent}
.t11-nav a:hover,.t11-nav .current_page_item>a,.t11-nav .current-menu-item>a{border-bottom-color:var(--t11-ink)}
.t11-burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.t11-burger span{display:block;width:26px;height:2px;background:var(--t11-ink);margin:6px 0}

/* Section system: every section gets the blue band above it */
.t11-section{border-top:20px solid var(--t11-blue);padding:64px var(--t11-gutter);position:relative;overflow:hidden}
.t11-section.is-navy{background:var(--t11-navy);color:var(--t11-light)}
.t11-section.is-white{background:#fff}
.t11-section h1,.t11-section h2,.t11-section h3{font-family:Poppins,sans-serif;font-weight:300;text-transform:uppercase;font-size:32px;line-height:1.3;margin:0 0 24px}
.t11-section h6{font-family:Poppins,sans-serif;font-weight:400;font-size:18px;margin:32px 0 16px;text-transform:uppercase}
.t11-section p{font-family:Poppins,sans-serif;font-size:16px;line-height:24px;margin:0 0 16px}
.t11-center{text-align:center}
.t11-section.is-navy a{color:#fff}

/* Hero with video background */
.t11-hero{padding-top:48px;padding-bottom:48px;background:var(--t11-ink)}
.t11-hero::before{content:"";position:absolute;inset:0;background:var(--t11-ink);opacity:.71;z-index:1}
.t11-hero>*{position:relative;z-index:2}
.t11-hero>.t11-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.t11-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.t11-grid.cols-6{grid-template-columns:repeat(6,1fr)}
.t11-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.t11-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}
.t11-grid figure{margin:0}

/* WordPress block helpers inside sections */
.t11-section .wp-block-columns{gap:48px;margin-bottom:24px}
.t11-section .wp-block-image{margin:0}
.t11-section .wp-block-image img{width:100%;object-fit:cover}
.t11-section .wp-block-gallery.has-nested-images figure.wp-block-image img{aspect-ratio:1/1;object-fit:cover}
.t11-bio{margin-bottom:32px}
.t11-bio .t11-name{font-weight:400;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}
.t11-tall img{aspect-ratio:3/4;object-fit:cover}

/* Contact form */
.t11-form{display:grid;gap:16px;margin-top:24px}
.t11-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.t11-form label{display:block;font-size:14px;margin-bottom:6px}
.t11-form input,.t11-form textarea{width:100%;padding:12px 14px;border:1px solid #c9ccd4;border-radius:4px;font:inherit;background:#fff;color:var(--t11-ink)}
.t11-form textarea{min-height:140px;resize:vertical}
.t11-form button{justify-self:start;background:var(--t11-blue);color:#fff;border:0;border-radius:4px;padding:14px 40px;font:inherit;font-weight:500;cursor:pointer}
.t11-form button:hover{background:#4c88b5}
.t11-form .hp{position:absolute;left:-9999px}
.t11-notice{padding:12px 16px;border-radius:4px;margin-top:16px;background:#e7f3ec;color:#14532d}
.t11-notice.err{background:#fde8e8;color:#7f1d1d}

/* Footer */
.t11-footer{background:var(--t11-light);border-top:20px solid var(--t11-blue);padding:48px var(--t11-gutter);text-align:center}
.t11-footer img{width:300px;max-width:70vw;margin:0 auto 24px}
.t11-footer p{font-family:Poppins,sans-serif;font-size:14px;margin:0;color:var(--t11-ink)}

/* Responsive */
@media (max-width:920px){
  .t11-burger{display:block}
  .t11-header__inner{min-height:90px;flex-wrap:wrap}
  .t11-logo img{width:170px}
  .t11-nav{display:none;width:100%}
  .t11-nav.is-open{display:block}
  .t11-nav ul{flex-direction:column;gap:0;align-items:flex-end}
  .t11-nav a{display:inline-block;padding:10px 0;font-size:16px;text-transform:none}
  .t11-grid.cols-6{grid-template-columns:repeat(3,1fr)}
  .t11-section{padding-top:40px;padding-bottom:40px}
}
@media (max-width:600px){
  .t11-grid,.t11-grid.cols-2{grid-template-columns:repeat(2,1fr)}
  .t11-grid.cols-6{grid-template-columns:repeat(3,1fr);gap:8px}
  .t11-form .row{grid-template-columns:1fr}
  .t11-section h1,.t11-section h2,.t11-section h3{font-size:26px}
}

/* Block-editor pages: WordPress wraps group content in an inner container */
.t11-grid>.wp-block-group__inner-container,.t11-section>.wp-block-group__inner-container{display:contents}
.t11-hero .t11-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.t11-hero>.wp-block-group__inner-container>*:not(.t11-hero__video){position:relative;z-index:2}

/* Elementor pages */
.elementor a{color:inherit}
.t11-dark,.t11-dark .t11-form label{color:#fcfcfc}
.t11-dark a{color:#fcfcfc}
.t11-form input,.t11-form textarea,.t11-form button{font-family:Poppins,sans-serif}
.t11-footer__contact{margin-bottom:12px !important;font-size:16px !important}
.t11-footer__contact a{color:var(--t11-ink);text-decoration:none}
.t11-footer__contact a:hover{text-decoration:underline}