/*
 * LetzShopy Store Design CSS — Batch 2 Split
 * File: letzshopy-contact.css
 *
 * Source:
 * - Derived from tested letzshopy-store-design-batch1-clean.css
 *
 * Load scope:
 * - Contact page only
 *
 * IMPORTANT:
 * - Keep Customizer > Additional CSS only for :root colour variables.
 * - Shared motif SVG variables live in letzshopy-store-core.css.
 * - This file is intentionally not minified yet.
 */

/* =========================================================
   CONTACT PAGE - FINAL CLEAN CSS
   Page ID: 1015
========================================================= */

body.page-id-1015 {
  background: var(--ls-store-bg-outer) !important;
}

/* Remove Elementor unwanted vertical height/gap */
body.page-id-1015 .ls-contact-intro,
body.page-id-1015 .ls-contact-grid {
  width: 100% !important;
  max-width: 1180px !important;
  min-height: auto !important;
  margin: 0 auto !important;
  background: var(--ls-store-bg-inner) !important;
  box-sizing: border-box !important;
}

body.page-id-1015 .ls-contact-intro > .e-con-inner,
body.page-id-1015 .ls-contact-grid > .e-con-inner {
  width: 100% !important;
  max-width: 1180px !important;
  min-height: auto !important;
  margin: 0 auto !important;
}

/* Intro heading area */
body.page-id-1015 .ls-contact-intro {
  padding: 46px 22px 18px !important;
}

body.page-id-1015 .ls-contact-intro > .e-con-inner {
  gap: 0 !important;
}

body.page-id-1015 .ls-contact-kicker .elementor-heading-title {
  color: var(--ls-store-primary) !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.page-id-1015 .ls-contact-divider {
  max-width: 150px !important;
  margin: 16px 0 0 !important;
}

body.page-id-1015 .ls-contact-divider .elementor-divider-separator {
  border-top-color: var(--ls-store-primary) !important;
  border-top-width: 4px !important;
  border-radius: 999px !important;
}

/* Two column area */
body.page-id-1015 .ls-contact-grid {
  padding: 18px 22px 78px !important;
}

body.page-id-1015 .ls-contact-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: 330px minmax(560px, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

/* Cards */
body.page-id-1015 .ls-contact-info-card,
body.page-id-1015 .ls-contact-form-card {
  width: 100% !important;
  min-width: 0 !important;
  background: var(--ls-store-card) !important;
  border: 1px solid var(--ls-store-border-soft) !important;
  border-radius: 30px !important;
  box-shadow: 0 22px 55px rgba(var(--ls-store-shadow-rgb), 0.10) !important;
  box-sizing: border-box !important;
}

body.page-id-1015 .ls-contact-info-card {
  padding: 30px 28px !important;
}

body.page-id-1015 .ls-contact-form-card {
  padding: 30px !important;
}

body.page-id-1015 .ls-contact-info-card .elementor-heading-title {
  color: var(--ls-store-dark) !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
}

/* Icon list */
body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-item {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 17px 0 !important;
  border-bottom: 1px solid var(--ls-store-border-soft) !important;
}

body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-item:last-child {
  border-bottom: none !important;
}



body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-icon i,
body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-icon svg {
  color: var(--ls-store-primary) !important;
  fill: var(--ls-store-primary) !important;
  font-size: 32px !important;
}

body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-text {
  color: var(--ls-store-heading) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 750 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Fluent Form cleanup */
body.page-id-1015 .ls-contact-form,
body.page-id-1015 .ls-contact-form *,
body.page-id-1015 .ls-contact-form .fluentform,
body.page-id-1015 .ls-contact-form form,
body.page-id-1015 .ls-contact-form .ff-el-group,
body.page-id-1015 .ls-contact-form .ff-el-input--content,
body.page-id-1015 .ls-contact-form .ff-el-input--label {
  background-color: transparent !important;
}

body.page-id-1015 .ls-contact-form .ff-el-group {
  margin-bottom: 16px !important;
}

body.page-id-1015 .ls-contact-form label,
body.page-id-1015 .ls-contact-form .ff-el-input--label label {
  color: var(--ls-store-dark) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  margin-bottom: 8px !important;
}

body.page-id-1015 .ls-contact-form input:not([type="submit"]),
body.page-id-1015 .ls-contact-form textarea,
body.page-id-1015 .ls-contact-form select {
  width: 100% !important;
  min-height: 52px !important;
  background: var(--ls-store-bg-inner) !important;
  border: 1px solid var(--ls-store-border-soft) !important;
  border-radius: 18px !important;
  color: var(--ls-store-dark) !important;
  font-size: 15px !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
}

body.page-id-1015 .ls-contact-form textarea {
  min-height: 130px !important;
}

body.page-id-1015 .ls-contact-form input:focus,
body.page-id-1015 .ls-contact-form textarea:focus,
body.page-id-1015 .ls-contact-form select:focus {
  border-color: var(--ls-store-primary) !important;
  box-shadow: 0 0 0 4px rgba(var(--ls-store-primary-rgb), 0.12) !important;
  outline: none !important;
}

body.page-id-1015 .ls-contact-form .ff-btn-submit,
body.page-id-1015 .ls-contact-form button,
body.page-id-1015 .ls-contact-form input[type="submit"] {
  background: var(--ls-store-primary) !important;
  color: var(--ls-store-white) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 30px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 14px 30px rgba(var(--ls-store-primary-rgb), 0.26) !important;
}

body.page-id-1015 .ls-contact-form .ff-btn-submit:hover,
body.page-id-1015 .ls-contact-form button:hover,
body.page-id-1015 .ls-contact-form input[type="submit"]:hover {
  background: var(--ls-store-primary-hover) !important;
}

/* Mobile */
@media (max-width: 767px) {
  body.page-id-1015 .ls-contact-intro {
    padding: 36px 15px 12px !important;
  }

  body.page-id-1015 .ls-contact-grid {
    padding: 16px 15px 58px !important;
  }

  body.page-id-1015 .ls-contact-grid > .e-con-inner {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.page-id-1015 .ls-contact-info-card,
  body.page-id-1015 .ls-contact-form-card {
    border-radius: 24px !important;
    padding: 22px 18px !important;
  }

  body.page-id-1015 .ls-contact-kicker .elementor-heading-title {
    font-size: 18px !important;
  }
}



/* =========================================================
   CONTACT PAGE — SEO SUPPORT SECTION
========================================================= */
body.ls-contact-seo-page .ls-static-seo-block{
  width:min(1136px,calc(100% - 44px));
  margin:0 auto 58px;
  padding:34px 38px;
  border:1px solid var(--ls-store-border-soft);
  border-radius:28px;
  background:var(--ls-store-card);
  box-shadow:0 20px 48px rgba(var(--ls-store-shadow-rgb),.08);
}
body.ls-contact-seo-page .ls-static-seo-block__kicker{display:block;margin:0 0 10px;color:var(--ls-store-primary);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;}
body.ls-contact-seo-page .ls-static-seo-block h2{margin:0 0 15px;color:var(--ls-store-heading);font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.4vw,44px);line-height:1.08;}
body.ls-contact-seo-page .ls-static-seo-block p{max-width:980px;margin:0 0 13px;color:var(--ls-store-text);font-size:14px;line-height:1.7;}
body.ls-contact-seo-page .ls-static-seo-block__lead{font-size:15.5px!important;color:var(--ls-store-heading)!important;}
body.ls-contact-seo-page .ls-static-seo-block__links{margin-top:20px;padding-top:18px;display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid var(--ls-store-border-soft);}
body.ls-contact-seo-page .ls-static-seo-block__links a{color:var(--ls-store-primary);font-size:11px;font-weight:850;text-decoration:none;}
@media(max-width:767px){body.ls-contact-seo-page .ls-static-seo-block{width:calc(100% - 24px);margin-bottom:42px;padding:28px 20px;border-radius:22px;}body.ls-contact-seo-page .ls-static-seo-block h2{font-size:30px;}}

/* =========================================================
   END FILE: LETZSHOPY CONTACT
========================================================= */