/*
Theme Name: T. Battistoni Trucking
Theme URI: https://yitcompany.com
Author: yIT Company LLC
Author URI: https://yitcompany.com
Description: Block theme for T. Battistoni Trucking LLC, Perkiomenville, PA. Black, pewter, silver and gold, with the phone number and email always in view. Set the phone and email under Settings > General.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: battistoni-trucking
*/

/* ---------- Sticky contact bar ---------- */
.wp-site-blocks > header.wp-block-template-part{position:sticky;top:0;z-index:50}
.admin-bar .wp-site-blocks > header.wp-block-template-part{top:32px}
@media (max-width:782px){.admin-bar .wp-site-blocks > header.wp-block-template-part{top:46px}}
@media (max-width:600px){.admin-bar .wp-site-blocks > header.wp-block-template-part{top:0}}
.bt-bar{background:rgba(0,0,0,.94);border-bottom:1px solid var(--wp--preset--color--line)}
.bt-bar .wp-block-site-title a{text-decoration:none;color:var(--wp--preset--color--chrome)}
.bt-bar .wp-block-navigation a{text-decoration:none}
.bt-bar .wp-block-navigation a:hover{color:var(--wp--preset--color--gold)}
.bt-tel{font-family:var(--wp--preset--font-family--condensed);font-weight:700;font-size:1.3rem;color:var(--wp--preset--color--gold)!important;text-decoration:none;white-space:nowrap}
.bt-mail{color:var(--wp--preset--color--silver)!important;text-decoration:none}

/* ---------- Hero ---------- */
.bt-hero .bt-logo img{width:min(100%,480px);height:auto;margin:0 auto}
.bt-hero .bt-logo.is-mobile{display:none}
@media (max-width:640px){
  .bt-hero .bt-logo.is-desktop{display:none}
  .bt-hero .bt-logo.is-mobile{display:block}
  .bt-hero .bt-logo.is-mobile img{width:min(100%,340px)}
}

/* ---------- Call buttons (from [bt_call_buttons]) ---------- */
.bt-cta{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}
.bt-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:15rem;padding:.8rem 1.5rem;border-radius:8px;text-decoration:none!important;line-height:1.15}
.bt-btn small{font-size:.85rem;font-weight:600;opacity:.85}
.bt-btn strong{font-family:var(--wp--preset--font-family--condensed);font-weight:700;font-size:1.65rem}
.bt-btn--gold{background:linear-gradient(180deg,#F6D27A,#E2B33C 50%,#B5871F);color:#1A1306!important}
.bt-btn--silver{background:var(--wp--preset--color--panel);color:var(--wp--preset--color--chrome)!important;border:1px solid #5A5D62}
.bt-btn--silver strong{font-size:1.3rem}

/* ---------- Big contact lines (from [bt_contact_big]) ---------- */
.bt-big{display:block;font-family:var(--wp--preset--font-family--condensed);font-weight:700;text-decoration:none!important;line-height:1.15;text-align:center}
.bt-big--tel{font-size:clamp(2.2rem,7vw,3.2rem);color:var(--wp--preset--color--gold)!important}
.bt-big--mail{font-size:clamp(1.3rem,4vw,1.7rem);color:var(--wp--preset--color--chrome)!important;margin-top:.35rem}

/* ---------- Panels, rules, badges ---------- */
.bt-rule{width:56px;height:3px;background:var(--wp--preset--color--gold);border-radius:2px;margin-bottom:1rem}
.bt-tiles{gap:1px!important;background:var(--wp--preset--color--line);border:1px solid var(--wp--preset--color--line);border-radius:10px;overflow:hidden}
.bt-tiles > .wp-block-column{background:var(--wp--preset--color--panel);padding:1.4rem 1.25rem;margin:0!important}
.bt-panel{background:var(--wp--preset--color--black);border:1px solid var(--wp--preset--color--line);border-radius:12px}
.bt-creds{display:flex;flex-wrap:wrap;gap:.6rem}
.bt-creds span{border:1px solid #5A5D62;border-radius:6px;padding:.35rem .75rem;font-family:var(--wp--preset--font-family--condensed);font-weight:600;font-size:1.1rem;color:var(--wp--preset--color--chrome)}
.bt-photo img{border-radius:10px;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 60%}
.bt-service{border-top:1px solid var(--wp--preset--color--line);padding-top:1.5rem}
.bt-route{color:var(--wp--preset--color--amber);font-weight:600}

@media (max-width:781px){
  .bt-bar .bt-mail{display:none}
}

/* ---------- v2: concept-page components ---------- */
.bt-hero .bt-logo img{width:min(100%,460px);height:auto;margin:0 auto}
.bt-hero h1{font-size:clamp(2.6rem,5.5vw,4.4rem)}
.bt-hero .bt-cta{justify-content:flex-start}
@media (max-width:781px){.bt-hero .bt-cta{justify-content:center}.bt-hero .bt-logo img{width:min(100%,320px)}}
.bt-eyebrow{font-weight:600;font-size:.85rem!important;letter-spacing:.06em;text-transform:uppercase;color:var(--wp--preset--color--amber);margin-bottom:.25rem}
.bt-num{font-family:var(--wp--preset--font-family--condensed);font-weight:700;font-size:3.4rem;line-height:1;color:var(--wp--preset--color--gold);margin:0}
.bt-tile{background:var(--wp--preset--color--panel);border:1px solid var(--wp--preset--color--line);border-radius:10px;height:100%}
.bt-tile .wp-block-list{color:var(--wp--preset--color--silver)}
.bt-center{text-align:center}
.bt-center .wp-block-heading{text-align:center}
.bt-creds span.todo{border-style:dashed;color:var(--wp--preset--color--muted)}
.wp-block-list{padding-left:1.2rem}