/**
Theme Name: NA.Academy 
Author: Simplylearn
Author URI: https://simplylearn.com/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: na-academy
Template: astra
*/

:root {
	--globalborderradius: 5px;
	--maincolordark: #002820;
	--maincolor: #004437;
	--maincolorpure: #00CC99;
	--maincolorlight: #BBFFEC;
	--maincolorbg: #F0FFFA;
}


html, p, h1, h2, h3, h4, h5, h6, ul li, table, .naa-pricing-grid, .uagb-button__link {
	font-family: 'SeasonSans' !important;
	font-feature-settings: "ss02";
}

.mellomtittel {
	margin-top: 4rem;
}
a.uagb-infobox-cta-link.wp-block-button__link {
    border-radius: 30px;
}

.menu-item-has-children .sub-menu li a {
	color: var(--ast-global-color-2) !important;
}

figure img {
	border-radius: var(--globalborderradius);
}

/* Accordion */


.wp-block-aab-accordion-block .aab__accordion_head:focus {
	outline: none !important;
	box-shadow: none !important;
}


footer .menu a, footer a {
	text-decoration: underline;
	color: var(--ast-global-color-6); 
}

/* Pricing table NAA */
.pricing-container {
	width: 100%;
	padding: 0;
	overflow-x: auto;
}

.pricing-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	font-size: inherit;
	font-family: inherit;
}

.pricing-table {
	table-layout: fixed;
}

.pricing-table th,
.pricing-table td {
	width: 25%; /* Fire kolonner totalt */
}

.pricing-table td:first-child,
.pricing-table th:first-child {
	width: 25%; /* Label-kolonne */
}

.pricing-table td:not(:first-child),
.pricing-table th:not(:first-child) {
	width: 25%;
}

.pricing-table thead th {
	text-align: center;
	padding: 1rem;
	font-size: 0.9rem;
	text-transform: uppercase;
	background: #f0f0f0;
	color: #333;
}

.pricing-table td {
	padding: 1rem;
	text-align: center;
	border: none;
}
.pricing-table th {
	border: none;
}

.pricing-table td:first-child {
	text-align: left;
	font-weight: bold;
	background: #fafafa;
}

.pricing-table .fd-col {
	background-color: #004437;
	color: #ffffff;
}

.pricing-table .fd-col .start-button {
	background: #ffffff;
	color: #004437;
}

.start-button {
	display: inline-block;
	padding: 8px 16px;
	font-size: 0.85rem;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none !important;
	background: #004437;
	color: #fff;
	margin-top: 8px;
	width: 100%;
	text-align: center;

}

.pricing-mobile {
	display: none;
}

@media screen and (max-width: 768px) {
.pricing-table {
	display: none;
}

.pricing-mobile {
	display: block;
	padding: 1rem;
}

.pricing-block {
	margin-bottom: 2rem;
	padding: 1rem;
	border-radius: 8px;
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
}

.pricing-block.fd {
	background-color: #004437;
	color: #ffffff;
}

.pricing-block h3 {
	margin-top: 0;
}

.pricing-block .start-button {
	margin-top: 1rem;
	display: inline-block;
}

.pricing-feature {
	margin: 0.5rem 0;
}

.pricing-feature i {
	margin-right: 0.5rem;
}
}

/* Pricing new */
.naa-pricing-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      border-top: 2px solid #ccc;
      max-width: 1600px;
      margin: 0 auto;

    }

    .row {
      display: contents; /* Let children become grid items */
    }

    .cell {
      padding: 1rem;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #eee;
      background-color: #fff;
      word-break: break-word;
		text-align: center;
    }
.cell:first-of-type {
	text-align: left;
}

    .cell:last-child {
      border-right: none;
    }

    .header .cell {
      font-weight: bold;
      background-color: #f0f0f0;
    }

    .section-title {
      grid-column: span 5;
      font-size: 1.3rem;
      font-weight: bold;
      padding: 1rem 0 0.5rem;
      margin-top: 2rem;
      color: #004437;
      border-bottom: 2px solid #ccc;
      background-color: transparent;
    }

    @media (max-width: 1199px) {
      .naa-pricing-grid {
        display: block;
      }

      .row {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 6px;
        background-color: #fff;
      }

      .cell {
        display: flex;
        padding: 0.75rem 1rem;
        border-right: none;
        border-bottom: 1px solid #eee;
		  text-align: left;
      }

      .cell::before {
        content: attr(data-label);
        flex: 0 0 40%;
        font-weight: bold;
        color: #555;
        margin-right: 1rem;
      }

      .header {
        display: none;
      }

      .section-title {
        display: block;
        border: none;
        margin: 2rem 0 1rem;
        font-size: 1.2rem;
      }
    }

/* Tabell med onlinekurs */
@media (min-width: 1200px) {
  .naa-pricing-grid.two-column-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .naa-pricing-grid.two-column-grid .section-title {
    grid-column: span 2;
  }
}

.entry-header.ast-no-title {
	display: none;
}


/* Logo */
.site-logo img {
	border-radius: 0px !important;
}


/* Overlay på hero-container for single product */
.naa-product-hero {
  position: relative;                 /* referanse for ::before */
  overflow: hidden;                    /* klipp overlay i kantene */
}

/* Selve overlaget */
.naa-product-hero::before {
  content: "";
  position: absolute;
  inset: 0;                            /* top/right/bottom/left: 0 */
  /* Velg ETT av disse to background-alternativene: */

  /* A) Ensfarget slør (grønn ca 70%): */
  background: rgba(0, 70, 63, 0.80);

  /* B) Eller gradient (kommenter A ut hvis du bruker B):
  background: linear-gradient(
    to right,
    rgba(0, 70, 63, 0.80),
    rgba(0, 70, 63, 0.80)
  );
  */

  pointer-events: none;                /* ikke klikkbar */
  z-index: 0;                          /* under innholdet */
}

/* Sørg for at innholdet ligger over overlayet */
.naa-product-hero > * {
  position: relative;
  z-index: 1;
}

/* Menu icon cart */
.menu-cart-icon > a {
  font-size: 0; /* Skjuler teksten */
  position: relative;
}

.menu-cart-icon > a::before {
  content: "\f07a"; /* Font Awesome handlekurv */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #333;
}

/* Skjule plusstegn på produktvisning */
.cart .quantity {
	display: none !important;
}

/* Product customizer */
.single-product div.product .entry-title {
	font-weight: bold;
}

.ast-woocommerce-distributed .ast-single-tab {
	flex-direction: column;
}
.ast-woocommerce-distributed.woocommerce-tabs.ast-woocommerce-tabs {
	max-width: 768px !important;
	margin: 0 auto !important;
}

@media (min-width: 1200px) {
	.ast-woocommerce-distributed .ast-distributed-content {
		width: 100%;
	}
}
@media (max-width: 800px) {
	.ast-woocommerce-distributed div.product .woocommerce-tabs {
		width: calc(100% - 60px);
	}
}
.ast-woocommerce-distributed .ast-distributed-header {
	width: auto !important;
}
.ast-woocommerce-distributed .ast-single-tab:nth-child(3) {
	background: var(--maincolorlight);
	border-radius: var(--globalborderradius);
	padding: 5%;
} 

.ast-woocommerce-distributed #tab-info_tab p {
	margin-bottom: 0px;
}

.naa-courses .add_to_cart_button {
	padding: 7px 15px !important;	
}
.naa-courses .wc-block-next-previous-buttons .wc-block-next-previous-buttons__button  {
	padding: 0px !important;
}
.naa-courses .wp-block-post-title a {
	
	text-decoration: none !important;
}

.naa-courses .is-product-collection-layout-carousel, .naa-courses .wc-block-product-template__responsive {
	margin-left: -40px !important;
	margin-right: 40px !important;
}


input#quantity {
	display: none !important;
}

/* Gjelder KUN produkt-oversikten med klassen du satte på blokka */
.wp-block-woocommerce-product-collection.naa-courses li.wc-block-product,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-grid__product,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-product {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Bilde med fast forhold, så kortene blir jevnere */
.wp-block-woocommerce-product-collection.naa-courses .wp-block-woocommerce-product-image,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-grid__product-image,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-product__image {
  aspect-ratio: 1 / 1;          /* endre til 1/1 om du vil ha kvadrat */
  overflow: hidden;
}
.wp-block-woocommerce-product-collection.naa-courses .wp-block-woocommerce-product-image img,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-grid__product-image img,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-product__image img {
  width: 100%; height: 100%; object-fit: cover;
}

/* Tydelig rekkefølge: tittel rett etter bilde, så pris */
.wp-block-woocommerce-product-collection.naa-courses .wp-block-woocommerce-product-title,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-grid__product-title,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-product__title {
  order: 2;
}
.wp-block-woocommerce-product-collection.naa-courses .wp-block-woocommerce-product-price,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-grid__product-price,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-product__price {
  order: 3;
}

/* Knappen ALLTID nederst: legg elastisk tomrom før den */
.wp-block-woocommerce-product-collection.naa-courses .wp-block-button,
.wp-block-woocommerce-product-collection.naa-courses .wp-block-woocommerce-product-button,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-grid__product-add-to-cart,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-product__button {
  margin-top: auto;             /* <- magien */
  order: 99;                    /* sikkerhet så den kommer sist */
  align-self: flex-start;       /* venstrejuster som pris/tekst */
}

/* Litt jevning mellom kortene (valgfritt) */
.wp-block-woocommerce-product-collection.naa-courses .wc-block-products,
.wp-block-woocommerce-product-collection.naa-courses .wc-block-grid__products {
  row-gap: 2rem;
  column-gap: 2rem;
}

/* Lecturer på kurs
.naa-lecturers { margin-block: 2.5rem; }
.naa-lecturers__heading { margin-bottom: 1rem; }
.naa-lecturers__grid {
  display: grid; gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.naa-lecturer { border: 1px solid #e8e8e8; border-radius: 12px; padding: 1rem; background: #fff; }
.naa-lecturer__media img { width: 100%; height: auto; border-radius: 10px; display:block; }
.naa-lecturer__name { margin: .75rem 0 .25rem; font-size: 1.125rem; }
.naa-lecturer__title { color: #666; margin: 0 0 .5rem; }
.naa-lecturers__note { color:#666; font-size:.95rem; margin-top: 1rem; } */

/* menu counter */
li.menu-item a [class*="astra-cart-menu"] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* Gjør "Cart" om til ikon og vis antall */
.main-header-menu .menu-item.cart-icon > a {
  position: relative;
  font-size: 0;              /* skjuler teksten "Cart" */
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

/* Ikonet */
.main-header-menu .menu-item.cart-icon > a::before {
  content: "🛒";
  font-size: 20px;
}

/* Badge med antall – kan fjernes om du ikke vil vise tall */
.main-header-menu .menu-item.cart-icon > a::after {
  content: attr(data-cart-count);
  position: absolute;
  top: -6px;
  right: -10px;
  background: #e74c3c;
  color: #fff;
  border-radius: 50%;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 700;
}

/* Lecturer image
.lecturer-image {
	width: 100% !important;
	height: auto !important;
	max-width: 1000px;
} */

/* Video in product gallery */
.woocommerce div.product div.images .flex-viewport {
	aspect-ratio: 16 / 10;
	width: 100%;
	overflow: hidden;
	height: auto !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
	height: 100%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Remove unwanted information */
div.product-info-row.product-info-row--sku {
	display: none;
}