/*
Theme Name: Logistic Parking Inc
Theme URI: https://logisticparking.com
Author: Logistic Parking Inc
Description: Block theme for Logistic Parking Inc, migrated from the WordPress.com preview.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: logistic-parking-inc
License: GNU General Public License v2 or later
*/


.container { width: min(var(--max), calc(100% - 2rem)); margin-left: auto; margin-right: auto; }
.nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; }
.nav-links { display: flex; gap: 1.25rem; flex-wrap: wrap; align-items: center; }
:root .wp-block-navigation.nav-links { display: flex; }
.btn, a.btn, .wp-block-navigation .btn .wp-block-navigation-item__content {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
  padding: 0.85rem 1.25rem; border-radius: 999px;
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  color: #ffffff !important; font-weight: 700; border: 0; box-shadow: var(--shadow);
  text-decoration: none;
}
.btn:hover, a.btn:hover { filter: brightness(1.05); color: #ffffff !important; }
.btn-outline { background: transparent; color: var(--text) !important; border: 1px solid var(--line); box-shadow: none; }
.eyebrow { display: inline-block; color: var(--accent); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.75rem; }
.lead { color: var(--muted); font-size: 1.1rem; max-width: 38rem; }
.hero-media { border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); box-shadow: var(--shadow); min-height: 280px; background: #e2e8f0; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; min-height: 280px; display: block; }
.section { padding: 3.5rem 0; }
.section.alt { background: #f8fafc; border-block: 1px solid var(--line); }
.section h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); margin: 0 0 0.75rem; }
.section-intro { color: var(--muted); max-width: 42rem; margin-bottom: 2rem; }
.grid-3, .grid-2 { display: grid; gap: 1.25rem; }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.card { background: #ffffff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.4rem; box-shadow: var(--shadow); }
.card h3 { font-size: 1.15rem; margin: 0 0 0.5rem; }
.card p { color: var(--muted); }
.list { padding-left: 1.1rem; color: var(--muted); margin: 0; }
.list li { margin-bottom: 0.6rem; }
.cta-band {
  padding: 2rem; border-radius: calc(var(--radius) + 4px);
  background: #f8fafc; border: 1px solid var(--line);
  display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
  margin: 2rem 0 4rem; color: var(--text);
}
.page-hero { padding: 3rem 0 1rem; }
.form, .wpcf7 form {
  display: grid; gap: 0.9rem; background: #ffffff; border: 1px solid var(--line);
  border-radius: var(--radius); padding: 1.5rem;
}
.form label, .wpcf7 label { display: grid; gap: 0.35rem; color: var(--muted); font-size: 0.95rem; }
.form input, .form textarea, .form select,
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
  width: 100%; padding: 0.8rem 0.9rem; border-radius: 12px;
  border: 1px solid var(--line); background: #ffffff; color: #111111; box-sizing: border-box;
}
.form textarea, .wpcf7 textarea { min-height: 140px; resize: vertical; }
.wpcf7 input[type="submit"] {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.85rem 1.25rem; border-radius: 999px; border: 0; cursor: pointer;
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  color: #ffffff; font-weight: 700; width: auto;
}
.note { color: var(--muted); font-size: 0.9rem; }
.communities, .cities-list, .community-list {
  columns: 3; column-gap: 2rem;
}
@media (max-width: 900px) {
  .grid-3, .grid-2, .hero { grid-template-columns: 1fr; }
  .nav { flex-direction: column; align-items: flex-start; }
  .communities, .cities-list, .community-list { columns: 2; }
}
@media (max-width: 600px) {
  .communities, .cities-list, .community-list { columns: 1; }
}
.site-header {
  position: sticky; top: 0; z-index: 20;
  backdrop-filter: blur(14px);
  background: #ffffff !important;
  border-bottom: 1px solid var(--line);
}
body.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 32px); }
.wp-block-template-part:has(> .site-header),
.wp-block-template-part:has(> .site-footer) { display: contents; }

/* Cookie Notice */
#cookie-notice { background: #f1f5f9 !important; color: #475569 !important; }
#cookie-notice a { color: #ff6500 !important; }
#cookie-notice .cn-set-cookie, #cookie-notice #cn-accept-cookie { background: #ff6500 !important; color: #ffffff !important; border-radius: 999px; }

:root {
  --bg: #ffffff;
  --bg-soft: #f8fafc;
  --surface: #ffffff;
  --text: #111111;
  --muted: #475569;
  --accent: #ff6500;
  --accent-dark: #e85a00;
  --line: rgba(15, 23, 42, 0.12);
  --max: 1100px;
  --radius: 18px;
  --shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
}
html, body {
  color: #111111 !important;
  background: #ffffff !important;
}
a { color: var(--accent); }
.site-header {
  background: #ffffff !important;
  border-bottom: 1px solid var(--line);
}
.nav-links a { color: var(--muted); }
.nav-links a:hover,
.nav-links a.active { color: var(--text); }
.btn {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  color: #ffffff;
  font-weight: 700;
}
.btn-outline {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--line);
  box-shadow: none;
}
.lead, .section-intro, .card p, .list, .note, .site-footer { color: var(--muted); }
.card, .form {
  background: #ffffff !important;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  color: #111111;
}
.section.alt, .cta-band {
  background: #f8fafc !important;
  border-color: var(--line);
}
.form input, .form textarea, .form select {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid var(--line);
}
.hero-media {
  border: 1px solid var(--line);
  background: #e2e8f0;
  box-shadow: var(--shadow);
}
.wp-block-jetpack-contact-form input,
.wp-block-jetpack-contact-form textarea,
.wp-block-jetpack-contact-form select,
.wp-block-jetpack-contact-form .grunion-field,
.ssi-form-ce94a53831f5 input,
.ssi-form-ce94a53831f5 textarea,
.ssi-form-ce94a53831f5 select,
.ssi-form-ce94a53831f5 [class*="ssi-node"] {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: rgba(15, 23, 42, 0.18) !important;
}
.ssi-form-ce94a53831f5 label,
.ssi-form-ce94a53831f5 .grunion-field-label,
.ssi-form-ce94a53831f5 [class*="ssi-node"][class*="label"],
.ssi-form-ce94a53831f5 .ssi-node-53b78a322c55,
.ssi-form-ce94a53831f5 .ssi-node-f7b4cedcfdbb,
.ssi-form-ce94a53831f5 .ssi-node-036afd83bb79,
.ssi-form-ce94a53831f5 .ssi-node-61f128086c0d,
.ssi-form-ce94a53831f5 .ssi-node-02f71ed207a8 {
  color: #475569 !important;
}
.has-primary-background-color,
.has-accent-3-background-color {
  background-color: #ffffff !important;
  color: #111111 !important;
}
.has-base-alpha-2-background-color,
.has-accent-2-background-color {
  background-color: #f8fafc !important;
  color: #111111 !important;
}
.has-accent-1-color { color: #475569 !important; }
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__label { color: #475569; }
.wp-block-navigation a:hover { color: #111111; }
.wp-block-navigation .btn a,
.wp-block-navigation .btn .wp-block-navigation-item__label { color: #ffffff; }
/* Kill leftover importer navy */
.ssi-form-ce94a53831f5.ssi-form-ce94a53831f5 .ssi-node-89f01231387c,
.ssi-form-ce94a53831f5.ssi-form-ce94a53831f5 .ssi-node-e78e7382e2e5,
.ssi-form-ce94a53831f5.ssi-form-ce94a53831f5 .ssi-node-b8aa90eedb59-destination-primary,
.ssi-form-ce94a53831f5.ssi-form-ce94a53831f5 .ssi-node-dd16bc117b40 select,
.ssi-form-ce94a53831f5.ssi-form-ce94a53831f5 .ssi-node-ca62fd184694 {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid rgba(15, 23, 42, 0.18) !important;
}
/* Hide Jetpack carousel comment field — comments are closed site-wide */
.jp-carousel-info-box, .jp-carousel-buttons--comments, #jp-carousel-comment-form-container, .jp-carousel-comment-form, .jp-carousel-comment-form-container, #jp-carousel-comment-form, .jp-carousel-comment-post-results {
  display: none !important;
}