/*
Theme Name: EinsTel
Description: Block theme for the Eins Telecom company website.
Version: 0.1.0
Requires at least: 6.6
Text Domain: einstel
*/

html { scroll-behavior: smooth; }

.einstel-hero {
  background:
    radial-gradient(60rem 30rem at 0% 0%, rgba(14, 165, 233, 0.18), transparent 60%),
    radial-gradient(50rem 30rem at 100% 10%, rgba(59, 130, 246, 0.16), transparent 60%),
    var(--wp--preset--color--sky-50);
}

.einstel-gradient-text {
  background: linear-gradient(90deg, var(--wp--preset--color--primary), var(--wp--preset--color--sky));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.einstel-pill {
  display: inline-block;
  padding: 0.35rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--wp--preset--color--sky-200);
  background: rgba(255, 255, 255, 0.7);
}

.einstel-card {
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 16px;
  background: var(--wp--preset--color--white);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.einstel-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(2, 132, 199, 0.12);
}

.einstel-cta {
  background: linear-gradient(135deg, var(--wp--preset--color--navy), var(--wp--preset--color--primary));
}

.einstel-tag {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: var(--wp--preset--color--primary);
}

.einstel-checks { list-style: none; padding-left: 0; }
.einstel-checks li { padding-left: 1.6rem; position: relative; margin: 0.4rem 0; }
.einstel-checks li::before {
  content: "✓";
  position: absolute;
  left: 0;
  font-weight: 700;
  color: var(--wp--preset--color--primary);
}

.einstel-steps strong { color: var(--wp--preset--color--sky); margin-right: 0.6rem; }

.wp-block-button.is-style-outline > .wp-block-button__link {
  border: 2px solid currentColor;
  background: transparent;
  color: var(--wp--preset--color--primary);
}
.einstel-cta .wp-block-button.is-style-outline > .wp-block-button__link { color: #fff; }

.wp-block-template-part footer ul,
footer .wp-block-list { list-style: none; padding-left: 0; }
header a:hover, footer a:hover { text-decoration: underline; }

@media (max-width: 640px) {
  /* Keep only the logo and the Travel eSIM button in the header on phones */
  .einstel-nav > p { display: none; }
  .einstel-hero { padding-top: 4rem !important; padding-bottom: 4rem !important; }
}