/*
Theme Name: Cleaning Services Child
Theme URI: https://limpiplan.es/
Description: Child theme for Cleaning Services (WooCommerce hero + UI polish)
Author: Limpiplan
Template: cleaning-services
Version: 1.0.3
Text Domain: cleaning-services-child
*/

/* -------------------------------------------------------------------------- */
/* Tokens                                                                      */
/* -------------------------------------------------------------------------- */
:root{
  --lp-ink: #0f172a;        /* slate-900 */
  --lp-ink2:#334155;        /* slate-700 */
  --lp-border: rgba(15,23,42,.10);
  --lp-shadow: 0 18px 60px rgba(15,23,42,.10);
  --lp-radius: 22px;

  --lp-success: #25D366;    /* WhatsApp green */

  /* “Agencia” soft gradient like your second screenshot */
  --lp-grad-soft:
    radial-gradient(900px 520px at 12% 18%, rgba(255,244,214,.95), transparent 60%),
    radial-gradient(820px 520px at 85% 25%, rgba(208,244,255,.90), transparent 55%),
    linear-gradient(90deg, rgba(255,255,255,1), rgba(245,252,255,1));
}

/* -------------------------------------------------------------------------- */
/* WooCommerce: HERO tipo “tarjeta” + banner + botones                         */
/* -------------------------------------------------------------------------- */
body.woocommerce .lpWooHeroWrap{
  padding: 26px 0 18px;
}
body.woocommerce .lpWooHeroCard{
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  background: var(--lp-grad-soft);
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  box-shadow: var(--lp-shadow);
  padding: 22px 22px;
}

body.woocommerce .lpWooHeroGrid{
  display: grid;
  grid-template-columns: 1.3fr .9fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 980px){
  body.woocommerce .lpWooHeroGrid{grid-template-columns: 1fr;}
}

body.woocommerce .lpWooHeroBadge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  color: #0b3a2d;
  background: rgba(37,211,102,.12);
  border: 1px solid rgba(37,211,102,.22);
}

body.woocommerce .lpWooHeroTitle{
  margin: 12px 0 8px;
  font-size: clamp(26px, 3.3vw, 44px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--lp-ink);
}
body.woocommerce .lpWooHeroSub{
  margin: 0 0 14px;
  max-width: 76ch;
  color: var(--lp-ink2);
  line-height: 1.6;
  font-size: 15px;
}

body.woocommerce .lpWooHeroCrumbs{
  margin-top: 10px;
  font-size: 13px;
  color: rgba(15,23,42,.62);
}
body.woocommerce .lpWooHeroCrumbs a{color: rgba(15,23,42,.75); text-decoration: underline;}
/* Evitar la “barra blanca” si el tema pone fondo al breadcrumb */
body.woocommerce .lpWooHeroCrumbs .woocommerce-breadcrumb{
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.woocommerce .lpWooHeroAlert{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.08);
  color: rgba(15,23,42,.75);
}

/* Caja derecha (ayuda) */
body.woocommerce .lpWooHelp{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
}
body.woocommerce .lpWooHelpTitle{font-weight: 900; color: var(--lp-ink); margin: 0 0 6px; font-size: 16px;}
body.woocommerce .lpWooHelpText{color: var(--lp-ink2); margin: 0 0 12px; line-height: 1.5; font-size: 13px;}

/* Botones del hero */
body.woocommerce .lpWooBtns{display:flex; flex-wrap:wrap; gap:10px; margin-top: 8px;}
body.woocommerce .lpBtn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 11px 14px;
  border-radius: 14px;
  font-weight: 900;
  text-decoration:none;
  border: 1px solid rgba(15,23,42,.12);
  background: #fff;
  color: var(--lp-ink);
  box-shadow: 0 10px 22px rgba(15,23,42,.08);
}
body.woocommerce .lpBtn:hover{filter: brightness(.99); transform: translateY(-1px);}
body.woocommerce .lpBtnPrimary{
  background: var(--lp-success);
  border-color: transparent;
  color: #06240f;
}

/* Botones Woo globales */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  border-radius: 14px !important;
  font-weight: 900 !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  background: #0f172a !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.10);
  transition: transform .15s ease, filter .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  filter: brightness(.98);
  transform: translateY(-1px);
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background: var(--lp-success) !important;
  color: #06240f !important;
  border-color: transparent !important;
}

/* Notices como “banner” */
.woocommerce .woocommerce-notices-wrapper{
  width: min(1120px, calc(100% - 40px));
  margin: 18px auto 0;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(15,23,42,.08);
}

/* Opcional: suavizar cards de productos */
.woocommerce ul.products li.product{
  border-radius: 18px;
  overflow: hidden;
}

/* -------------------------------------------------------------------------- */
/* Header menu: evitar que salte a 2 líneas en escritorio                      */
/* -------------------------------------------------------------------------- */
@media (min-width: 1100px){
  header :where(ul.menu, ul.nav-menu){
    display:flex;
    flex-wrap: nowrap;
    gap: 22px;
    align-items:center;
  }
  header :where(ul.menu, ul.nav-menu) > li{
    white-space: nowrap;
  }
  header :where(ul.menu, ul.nav-menu) > li > a{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }
}

/* Mantener submenús intactos */
header ul.sub-menu{flex-wrap: wrap !important;}