/*
Theme Name: Rocketship
Theme URI: https://rocketship.dk
Author: Rocketship
Description: Block theme for Rocketship — e-commerce, AI & digital business consultancy. No plugins required.
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.4
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: rocketship
Tags: block-theme, full-site-editing, one-column, custom-colors, custom-menu
*/

/* ---- Rotating dial (hero) ---- */
@keyframes rs-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.rs-dial {
  position: relative;
  width: 100%;
  max-width: clamp(300px, 44vw, 580px);
  aspect-ratio: 1;
  margin-inline: auto;
}
.rs-dial svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.rs-dial__inner { animation: rs-spin 190s linear infinite; }
.rs-dial__outer { animation: rs-spin 320s linear infinite; }
.rs-dial__disc {
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: 58%; aspect-ratio: 1; border-radius: 50%;
  background: var(--wp--preset--color--teal-dark);
}
.rs-dial__rocket {
  position: absolute; left: 50%; top: 50%;
  transform: translate(-67.43%, -33.61%);
  width: 61%; height: auto;
}
@media (prefers-reduced-motion: reduce) {
  .rs-dial__inner, .rs-dial__outer { animation: none; }
}

/* ---- Hard-edged label blocks ---- */
.rs-label {
  display: inline-block;
  background: var(--wp--preset--color--sand);
  color: var(--wp--preset--color--blue-dark);
  font-family: var(--wp--preset--font-family--poppins);
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 8px 16px;
}

/* ---- Eyebrow / section label ---- */
.rs-eyebrow {
  font-family: var(--wp--preset--font-family--poppins);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* ---- Services grid: hairline dividers, no rounded corners ---- */
.rs-grid { background: var(--wp--preset--color--blue-dark); gap: 1px !important; }
.rs-grid > .wp-block-group,
.rs-grid .wp-block-post {
  background: var(--wp--preset--color--sand);
  padding: 26px 20px;
  margin: 0;
}
.rs-grid .wp-block-post-title { margin: 0; }
.rs-grid .wp-block-post-title a { text-decoration: none; }

/* ---- Buttons: square, uppercase ---- */
.wp-block-button__link {
  border-radius: 0;
  font-family: var(--wp--preset--font-family--poppins);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 14px 28px;
}

/* ---- Navigation ---- */
.wp-block-navigation {
  font-family: var(--wp--preset--font-family--work-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.wp-block-navigation a { text-decoration: none; }

/* Burger overlay panel = sand, not dark */
.wp-block-navigation__responsive-container.is-menu-open {
  background-color: var(--wp--preset--color--sand) !important;
  color: var(--wp--preset--color--blue-dark) !important;
  padding: 24px clamp(20px, 4vw, 56px);
}
.wp-block-navigation__responsive-container.is-menu-open a { color: var(--wp--preset--color--blue-dark); }
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close { color: var(--wp--preset--color--blue-dark); }
.wp-block-navigation__responsive-container-open {
  background: var(--wp--preset--color--sand);
  border: 1px solid var(--wp--preset--color--blue-dark);
  width: 46px; height: 46px;
  display: flex; align-items: center; justify-content: center;
}

/* ---- Insight cards: teal top rule ---- */
.rs-card-top { border-top: 3px solid var(--wp--preset--color--teal-light); padding-top: 20px; }

/* ---- Section heading rule ---- */
.rs-rule { flex: 1; height: 1px; background: var(--wp--preset--color--blue-dark); opacity: 0.2; }

/* ---- Big email link ---- */
.rs-email a, a.rs-email {
  font-family: var(--wp--preset--font-family--poppins);
  font-weight: 600;
  color: var(--wp--preset--color--blue-dark);
  text-decoration: none;
  border-bottom: 3px solid var(--wp--preset--color--teal-light);
  padding-bottom: 6px;
  word-break: break-word;
}