/*
Theme Name: Pressio
Description: Blok-tema til pressio.dk – lys og nordisk (stil A) med koral accent.
Author: Konella Gruppen ApS
Version: 0.1.0
Requires at least: 7.0
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: pressio
*/

/* WooCommerce' klassiske formularer og tabeller i temaets farver. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce a.button.alt {
  background: var(--wp--preset--color--accent-strong);
  color: #fff;
  border-radius: 999px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover {
  background: var(--wp--preset--color--contrast);
  color: #fff;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 8px;
  padding: 0.6rem 0.75rem;
  background: #fff;
}
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--wp--preset--color--accent-strong);
}

/* Lange ord (e-mails, URL'er) må ikke give vandret scroll på mobil. */
.wp-site-blocks {
  overflow-wrap: anywhere;
}
.woocommerce table.shop_table {
  max-width: 100%;
}

.pressio-usp {
  border-top: 1px solid var(--wp--preset--color--line);
}

/* Dekorative covers i forsidens hero (ingen billeder; ren CSS). */
.pressio-phones {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
}
.pressio-phones span {
  width: clamp(80px, 22vw, 130px);
  aspect-ratio: 1 / 2;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(29, 29, 31, 0.18);
  border: 4px solid var(--wp--preset--color--contrast);
}
.pressio-phones span + span {
  margin-left: -18px;
}
.pressio-phones span:nth-child(1) { transform: rotate(-7deg); }
.pressio-phones span:nth-child(2) { transform: translateY(-14px); z-index: 1; }
.pressio-phones span:nth-child(3) { transform: rotate(7deg); }

/* Cover-designeren i temaets stil (designerens egen CSS styrer layoutet). */
.cd-designer select,
.woocommerce .cart select {
  min-height: 44px;
  min-width: 10rem;
  padding: 0.5rem 2rem 0.5rem 0.75rem;
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 8px;
  background-color: #fff;
  font: inherit;
}
.cd-designer input[type="file"]::file-selector-button,
.cd-tools button {
  min-height: 44px;
  padding: 0.5rem 1rem;
  border: 1px solid var(--wp--preset--color--contrast);
  border-radius: 999px;
  background: #fff;
  color: var(--wp--preset--color--contrast);
  font: inherit;
  cursor: pointer;
}
.cd-tools button:hover:not(:disabled),
.cd-designer input[type="file"]::file-selector-button:hover {
  background: var(--wp--preset--color--contrast);
  color: #fff;
}
.cd-tools button:disabled {
  opacity: 0.4;
  cursor: default;
}
.woocommerce button.button:disabled,
.woocommerce button.button.disabled {
  opacity: 0.45;
}

/* Designer-produktet: designeren ER produktbilledet, så Woo-galleriet skjules og designeren får hele bredden. */
.woocommerce div.product:has(.cd-designer) .woocommerce-product-gallery {
  display: none;
}
.woocommerce div.product:has(.cd-designer) .summary {
  float: none;
  width: 100%;
  max-width: 720px;
  margin-inline: auto;
}