/* stylelint-disable */
/**
 * Theme Name:   Go
 * Theme URI:    https://github.com/godaddy-wordpress/go
 * Description:  Go is an innovative, Gutenberg-first WordPress theme, hyper-focused on empowering makers to build beautifully rich websites with WordPress.
 * Author:       GoDaddy
 * Author URI:   https://www.godaddy.com
 * Version:      1.8.16
 * Tested up to: 6.8
 * Requires PHP: 5.6
 * License:      GPL-2.0
 * License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:  go
 * Domain Path:  /languages
 * Tags:         block-styles, custom-colors, custom-logo, custom-menu, e-commerce, editor-style, one-column, theme-options, threaded-comments, translation-ready, wide-blocks
 *
 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned with others.
 *
 * Copyright © 2024 GoDaddy Operating Company, LLC. All Rights Reserved.
 */
/* stylelint-enable */

/* --------------  FUNDARUS DESIGN SYSTEM  -------------- */
/* 1.  TYPOGRAPHY & COLORS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Epilogue:wght@600;700&display=swap');

:root{
  /* Brand colors */
  --color-primary: #0057d9;           /* deep azure */
  --color-primary-hover: #0044ad;
  --color-accent:  #ff914d;           /* warm CTA */
  --color-bg:      #f9fafb;           /* very light gray */
  --color-text:    #1f2937;           /* slate 900 */
  --color-muted:   #6b7280;           /* slate 500 */

  /* Typography */
  --font-body:     'Inter', sans-serif;
  --font-heading:  'Epilogue', sans-serif;

  /* Spacing & radii */
  --space-xs: .25rem;
  --space-s:  .5rem;
  --space-m:  1rem;
  --space-l:  2rem;
  --radius-s: .375rem;   /* 6 px */
  --radius-l: .75rem;    /* 12 px */
}

/* 2.  GLOBAL RESET & BASE */
*{box-sizing:border-box;}
html,body{
  margin:0; padding:0;
  font-family:var(--font-body);
  color:var(--color-text);
  background:var(--color-bg);
  line-height:1.55;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  margin:0 0 var(--space-m);
  color:var(--color-text);
}
a{color:var(--color-primary);text-decoration:none;}
a:hover{color:var(--color-primary-hover);}

.container{max-width:1200px;margin:auto;padding:0 var(--space-m);}

/* 3.  BUTTONS */
.btn, .woocommerce button.button{
  display:inline-flex;align-items:center;justify-content:center;
  padding:var(--space-s) var(--space-l);
  border:0;border-radius:var(--radius-s);
  background:var(--color-primary);color:#fff;font-weight:600;
  transition:background .2s ease;
}
.btn--alt{background:var(--color-accent);}
.btn:hover, .btn--alt:hover{background:var(--color-primary-hover);}

/* 4.  FORMS */
input,select,textarea{
  width:100%;padding:var(--space-s) var(--space-m);
  border:1px solid #d1d5db;border-radius:var(--radius-s);
  font-family:var(--font-body);font-size:1rem;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #dbeafe;
}
label{display:block;margin-bottom:var(--space-xs);font-weight:500;}

/* 5.  WOO – PRODUCT CARDS & PRICING TABLE */
.woocommerce ul.products li.product{
  background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-l);
  padding:var(--space-m);text-align:center;transition:transform .2s ease;
}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link{
  display:block;color:inherit;
}
.woocommerce div.product .product_title{
  font-family:var(--font-heading);font-size:2rem;margin-bottom:var(--space-m);
}
.price-table{
  display:grid;gap:var(--space-m);
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
}
.price-card{
  background:#ffffff;border:1px solid #e5e7eb;border-radius:var(--radius-l);
  padding:var(--space-l);text-align:center;
}
.price-card--popular{border:2px solid var(--color-accent);}
.price-card h3{margin-bottom:var(--space-m);}
.price-card .price{
  font-size:2.25rem;font-weight:700;margin-bottom:var(--space-m);
}

/* 6.  RESPONSIVE NAVBAR (if needed) */
.site-header{
  background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.site-header .logo{font-family:var(--font-heading);font-weight:700;
  color:var(--color-primary);font-size:1.25rem;padding:var(--space-m);}
.site-header nav a{margin-right:var(--space-m);font-weight:500;}

/* 7.  EMBEDDED APPS (v0/Vercel Widgets) */
.embedded-app{
  width:100%;border:none;min-height:600px;
  /* match WP background and hide scrollbars for seamless feel */
  background:#fff;scrollbar-width:none;
}
.embedded-app::-webkit-scrollbar{display:none;}

/* 8.  UTILITIES */
.text-center{text-align:center;}
.mt-l{margin-top:var(--space-l);}
.mb-l{margin-bottom:var(--space-l);}
/* ------------------------------------------------------- */
/* scroll-snap for package deck in mobile */
.tier-container{scroll-snap-type:x mandatory;padding-bottom:1rem;}
.tier-container > *{scroll-snap-align:center;min-width:260px;}  /* lg breakpoint se vuelve grid */

/* sticky cart summary in mobile */
@media (max-width: 768px){
  #order-summary{position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);}
}

/* ---------- layout wrappers ---------- */
#llc-selector{max-width:1140px;margin-inline:auto;padding:2rem 1rem;display:grid;grid-template-columns:1fr 300px;gap:2rem}
@media(max-width:1024px){#llc-selector{grid-template-columns:1fr}}

.tier-container{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-block:1rem}
@media(min-width:1024px){.tier-container{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}}

#order-summary{border:1px solid #e3e8ef;border-radius:.75rem;padding:1rem;background:#fff}
@media(max-width:1024px){#order-summary{position:fixed;bottom:0;left:0;right:0;z-index:50;box-shadow:0 -2px 12px rgba(0,0,0,.1)}}

/* ---------- cards ---------- */
.tier-card{min-width:260px;scroll-snap-align:center;border:1px solid #dfe3e8;border-radius:.75rem;padding:1.25rem;background:#fff;display:flex;flex-direction:column;gap:.75rem;transition:transform .2s,border-color .2s}
.tier-card.popular{border:2px solid #2559ff}
.tier-card.selected{transform:scale(1.03);border:2px solid var(--wp--preset--color--primary,#081e5b)}

.tier-name{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}
.tier-price{font-size:2rem;font-weight:700}
.tier-description{font-size:.9rem;line-height:1.4}

/* ---------- buttons ---------- */
.btn{display:inline-block;background:#081e5b;color:#fff;padding:.5rem 1rem;border-radius:.5rem;text-align:center;font-weight:600}
.btn:hover{background:#1a3891}

/* ---------- state buttons ---------- */
.state-option{display:block;border:1px solid #dfe3e8;border-radius:.5rem;padding:.6rem 1rem;font-weight:600;cursor:pointer;background:#fff}
.state-option.selected,.state-option:hover{background:#081e5b;color:#fff;border-color:#081e5b}

/* ---------- add-ons ---------- */
.addon-item{border-bottom:1px solid #e3e8ef;padding:.6rem 0;font-size:.9rem}
.addon-item input{margin-right:.5rem;accent-color:#081e5b}
.addon-price{font-weight:600;white-space:nowrap}

/* ---------- cart summary ---------- */
.cart-item{display:flex;justify-content:space-between;font-size:.9rem}
.cart-item + .cart-item{margin-top:.25rem}