/**
Theme Name: ConnectSpillet Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra child theme for ConnectSpillet.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: connectspillet-child
Template: astra
*/

@font-face {
  font-family: "Connected Book";
  src: url("fonts/ConnectedBook.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h1, .entry-title, .site-title { font-family: "Connected Book", "Arimo", sans-serif !important; }

/* ---------------------------------------------------------
   Vipps hurtigkasse / express checkout
--------------------------------------------------------- */
.wc-block-components-express-payment {
  padding-top: 25px;
}
.wc-block-components-express-payment__event-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
#express-payment-method-vippsexpress,
.vipps-express-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.vipps-express-checkout {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-top: 10px !important;
}
/* Skjul Vipps hurtigkasse på produktsiden hvis ønskelig */
.single-product .vipps-express-container,
.single-product .vipps-express-checkout,
.single-product #express-payment-method-vippsexpress {
  display: none !important;
}

/* ================================
   Handlekurv-ikon i header
   Hvit på transparent header
   Grønn på vanlig header
================================ */
/* Standard / vanlig hvit header */
body:not(.ast-theme-transparent-header) .ast-site-header-cart .ast-addon-cart-wrap {
  border-color: #008b68 !important;
}
body:not(.ast-theme-transparent-header) .ast-site-header-cart .ast-icon-shopping-bag svg path {
  fill: #008b68 !important;
}
body:not(.ast-theme-transparent-header) .ast-site-header-cart .ast-icon-shopping-bag[data-cart-total]:after {
  background: #008b68 !important;
  color: #ffffff !important;
  border-color: #008b68 !important;
}
/* Transparent header */
body.ast-theme-transparent-header .ast-site-header-cart .ast-addon-cart-wrap {
  border-color: #ffffff !important;
}
body.ast-theme-transparent-header .ast-site-header-cart .ast-icon-shopping-bag svg path {
  fill: #ffffff !important;
}
body.ast-theme-transparent-header .ast-site-header-cart .ast-icon-shopping-bag[data-cart-total]:after {
  background: #ffffff !important;
  color: #008b68 !important;
  border-color: #ffffff !important;
}

/* ---------------------------------------------------------
   Min konto
--------------------------------------------------------- */
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}

/* ---------------------------------------------------------
   Bibelkort-felt på produktside
--------------------------------------------------------- */
.single-product .bibelkort-product-theme {
  margin: 28px 0 24px;
  padding: 20px;
  background: #f2f8f5;
  border: 1px solid rgba(0, 139, 104, 0.25);
  border-left: 5px solid #008b68;
  border-radius: 12px;
}
/* Ledetekst over skrivefeltet */
.single-product .bibelkort-product-theme label[for="bibelkort_theme"] {
  display: block !important;
  margin-bottom: 12px !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #003f32 !important;
}
/* Rød stjerne */
.single-product .bibelkort-product-theme label[for="bibelkort_theme"] .required {
  color: #d63638 !important;
  font-weight: 800 !important;
}
/* Selve tekstfeltet */
.single-product textarea#bibelkort_theme,
.single-product .bibelkort-theme-input {
  display: block !important;
  width: 100% !important;
  min-height: 150px !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  color: #111827 !important;
  border: 2px solid #008b68 !important;
  border-radius: 10px !important;
  font-size: 19px !important;
  line-height: 1.5 !important;
  box-shadow: 0 2px 8px rgba(0, 139, 104, 0.12) !important;
  resize: vertical;
}
/* Når man klikker i feltet */
.single-product textarea#bibelkort_theme:focus,
.single-product .bibelkort-theme-input:focus {
  outline: none !important;
  border-color: #005f48 !important;
  box-shadow: 0 0 0 4px rgba(0, 139, 104, 0.18) !important;
}
/* Hjelpeteksten under feltet */
.single-product .bibelkort-theme-help,
.single-product .bibelkort-product-theme .description {
  display: block !important;
  margin-top: 12px !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  color: #374151 !important;
}

/* ---------------------------------------------------------
   Takk for ordre / ordrebekreftelse
--------------------------------------------------------- */
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  margin-top: 100px;
}

/* ---------------------------------------------------------
   Større tekst i WooCommerce handlekurv og kasse
--------------------------------------------------------- */
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-checkout .wp-block-woocommerce-checkout {
  font-size: 18px;
}
/* Kolonneoverskrifter i handlekurv */
.wc-block-cart-items__header th span {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
/* Produktnavn i handlekurv og ordresammendrag */
.wc-block-components-product-name,
.wc-block-cart-item__product .wc-block-components-product-name,
.wc-block-components-order-summary-item__description .wc-block-components-product-name {
  font-size: 20px !important;
  line-height: 1.35;
  font-weight: 600;
}
/* Pris, metadata og produktdetaljer */
.wc-block-components-product-price,
.wc-block-components-product-metadata,
.wc-block-components-product-details,
.wc-block-components-product-details__name,
.wc-block-components-product-details__value {
  font-size: 17px !important;
  line-height: 1.45;
}
/* Skjul den korte produktbeskrivelsen i kurv/kasse (kun der, ikke på produktsiden) */
.woocommerce-cart .wc-block-components-product-metadata__description,
.woocommerce-checkout .wc-block-components-product-metadata__description {
  display: none !important;
}
/* Sidepanel: totaler, rabattkode, levering osv. */
.wc-block-components-sidebar,
.wc-block-components-totals-item,
.wc-block-components-panel__button,
.wc-block-components-totals-coupon,
.wc-block-components-totals-shipping,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value {
  font-size: 18px !important;
}
/* Stor total nederst i handlekurv/kasse */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: 24px !important;
  font-weight: 600;
}
/* Overskrifter i kassen: Kontaktinformasjon, Fakturaadresse, Betalingsmåter */
.wc-block-components-checkout-step__title,
.wc-block-components-title,
.wc-block-cart__totals-title,
.wc-block-components-checkout-order-summary__title-text {
  font-size: 26px !important;
  line-height: 1.25;
  font-weight: 600;
}
/* Input-felt og labels i kassen */
.wc-block-components-text-input input,
.wc-block-components-text-input label,
.wc-blocks-components-select__select,
.wc-blocks-components-select__label,
.wc-block-components-checkbox__label,
.wc-block-components-radio-control__label,
.wc-block-components-radio-control-accordion-content {
  font-size: 18px !important;
}
/* Betalingsmetoder */
.wc-block-components-payment-method-label,
.wc-block-components-payment-method-label span {
  font-size: 18px !important;
}
/* Knapper i handlekurv og kasse */
.wc-block-components-button,
.wc-block-components-button__text,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  font-size: 19px !important;
  font-weight: 700;
}


/* ---------------------------------------------------------
   Min konto: full bredde, meny på toppen, synlig tema
--------------------------------------------------------- */
/* Container helt ut til kanten (trygt med topp-meny) */
.woocommerce-account .site-content .ast-container,
.woocommerce-account .ast-container {
  max-width: 100% !important;
}
/* Litt luft i sidene */
.woocommerce-account .woocommerce {
  padding: 8px clamp(20px, 4vw, 56px) 48px;
}
/* Meny på toppen (horisontal fanerad), innhold i full bredde under */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 0 0 28px !important;
  padding: 0 0 2px;
  border-bottom: 2px solid rgba(0, 139, 104, 0.2);
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  border: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 12px 18px;
  text-decoration: none;
  font-weight: 600;
  color: #003f32;
  border-radius: 8px 8px 0 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: #f2f8f5;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: #008b68;
  color: #ffffff;
}
/* Tabell i full bredde, med nettstedets font */
.woocommerce-account .bibelkort-history-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
.woocommerce-account table.bibelkort-history,
.woocommerce-account table.bibelkort-history * {
  font-family: inherit !important;
}
.woocommerce-account table.bibelkort-history {
  width: 100% !important;
}
.woocommerce-account .bibelkort-history th,
.woocommerce-account .bibelkort-history .bibelkort-col-category {
  white-space: nowrap;
}
/* Tema vises i sin helhet (ingen avkorting) og får mest plass */
.woocommerce-account .bibelkort-history .bibelkort-col-theme,
.woocommerce-account .bibelkort-history .bibelkort-theme-text {
  white-space: normal !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
/* ---------------------------------------------------------
   Astra submeny/dropdown - synlig på transparent header
--------------------------------------------------------- */

/* Selve dropdown-boksen */
.ast-theme-transparent-header .main-header-menu .sub-menu,
.ast-theme-transparent-header .ast-builder-menu .sub-menu {
  background: #ffffff !important;
  border-top: 3px solid #008b68 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
  min-width: 240px !important;
  padding: 10px 0 !important;
}

/* Lenker i dropdown */
.ast-theme-transparent-header .main-header-menu .sub-menu a,
.ast-theme-transparent-header .ast-builder-menu .sub-menu a {
  color: #003f32 !important;
  background: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 14px 22px !important;
  line-height: 1.3 !important;
}

/* Hover i dropdown */
.ast-theme-transparent-header .main-header-menu .sub-menu a:hover,
.ast-theme-transparent-header .ast-builder-menu .sub-menu a:hover {
  color: #ffffff !important;
  background: #008b68 !important;
}

/* Aktiv undermeny-lenke */
.ast-theme-transparent-header .main-header-menu .sub-menu .current-menu-item > a,
.ast-theme-transparent-header .ast-builder-menu .sub-menu .current-menu-item > a {
  color: #ffffff !important;
  background: #008b68 !important;
}




/* Menyelementer merket .mobile vises kun på mobil (desktop har den store BESTILL-knappen) */
li.menu-item.mobile {
  display: none !important;
}
@media (max-width: 921px) {
  li.menu-item.mobile {
    display: block !important;
  }
}


/* Vipps express-knapp i handlekurv: fjern grønn tema-knapp bak den orange */
.woocommerce .wc-block-components-express-payment,
.woocommerce .wc-block-components-express-payment__event-buttons,
.woocommerce .wc-block-components-express-payment__event-buttons > li,
.vipps-express-container,
.vipps-express-checkout {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.vipps-express-checkout,
.vipps-express-checkout:hover,
.vipps-express-checkout:focus {
  padding: 0 !important;
  outline: none !important;
}