/**
Theme Name: Astra Child
Author: Kcpr
Author URI: http://wpastra.com/about/
Description: Astra Child 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: astra-child
Template: astra
*/

/* To do:
1. menu mobilne: usunięcie szukajki, dodanie minicart, zmiana layoutu, usunięcie marginesów (tablet)
*/

/* 
  SKALA ODSTĘPÓW (SPACING) - 4 PUNKTY
  ====================================
  Bazowa wielkość: 4px (0.25rem)
  Skala: potęgi liczby 2
  
  --space-1:  0.25rem  (4px)   - Minimalne odstępy
  --space-2:  0.5rem   (8px)   - Małe odstępy
  --space-3:  0.75rem  (12px)  - Średnie odstępy
  --space-4:  1rem     (16px)  - Bazowe odstępy
  --space-6:  1.5rem   (24px)  - Duże odstępy
  --space-8:  2rem     (32px)  - Większe odstępy
  --space-12: 3rem     (48px)  - Sekcje
  --space-16: 4rem     (64px)  - Duże sekcje
  --space-24: 6rem     (96px)  - Extra duże sekcje
  */

/* 
    SKALA TYPOGRAFICZNA - MINOR THIRD
    ==================================
    Bazowa wielkość: 16px (1rem)
    Skala: 1.2 (minor third)
    
    --text-xs:   0.694rem  (11.11px)  - Drobny tekst, przypiski
    --text-sm:   0.833rem  (13.33px)  - Mały tekst, metadane
    --text-base: 1rem      (16px)     - Podstawowy tekst
    --text-lg:   1.2rem    (19.2px)   - Większy tekst, lead
    --text-xl:   1.44rem   (23.04px)  - Nagłówki H3
    --text-2xl:  1.728rem  (27.65px)  - Nagłówki H2
    --text-3xl:  2.074rem  (33.18px)  - Nagłówki H1
    --text-4xl:  2.488rem  (39.81px)  - Display headers
  */

:root {
  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  /* Typography */
  --text-xs: 0.694rem;
  --text-sm: 0.833rem;
  --text-base: 1rem;
  --text-lg: 1.2rem;
  --text-xl: 1.44rem;
  --text-2xl: 1.728rem;
  --text-3xl: 2.074rem;
  --text-4xl: 2.488rem;
  --text-5xl: 2.986rem;
}

/* ******GENERAL****** */
body,
footer {
  line-height: 1.5 !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.countdown-item span {
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: var(--text-5xl) !important;
}
h2 {
  font-size: var(--text-4xl) !important;
}
h3 {
  font-size: var(--text-3xl) !important;
}
h4 {
  font-size: var(--text-2xl) !important;
}
h5 {
  font-size: var(--text-xl) !important;
}
h6 {
  font-size: var(--text-lg) !important;
}
p {
  font-size: var(--text-base) !important;
}
small {
  font-size: var(--text-sm) !important;
}

/* buttons */
a.button {
  text-align: center !important;
}

/* ******HEADER****** */
/* Logo */
header {
  margin: 0 2em 2em 2em;
  justify-content: center;
}
.site-header-above-section-center {
  margin: 2rem;
}

.site-header-above-section-left
  > div:nth-child(1)
  > div:nth-child(1)
  > span:nth-child(1)
  > a:nth-child(1)
  > img:nth-child(1) {
  width: 90%;
  justify-self: center;
}

/* menu toggle */
.ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: var(--ast-global-color-2) !important;
}

/* main menu */
main {
  margin-top: var(--space-3) !important;
}

header a.menu-link {
  font-size: var(--text-2xl) !important;
  width: 100% !important;
  height: auto !important;
}
/* minicart */
.ast-woo-header-cart-info-wrap {
  font-size: var(--text-xl);
}

#ast-desktop-header
  > div:nth-child(2)
  > div:nth-child(1)
  > div:nth-child(1)
  > div:nth-child(1) {
  margin: 0 2rem !important;
}

/* ******Mobile menu****** */
/* background */
.ast-builder-menu-mobile {
  border-radius: 0.5rem;
  border: 5px solid #e0e0e0 !important;
}

/* ******FOOTER****** */
/* footer logo */
.wp-image-94 {
  min-width: 150px;
}

.site-primary-footer-wrap {
  padding: var(--space-8) 0 !important;
}

footer a.menu-link {
  margin-bottom: 1em;
}

/* ******Shop main view****** */
/* price of item */
.price {
  font-size: var(--text-xl) !important;
}

/* keep all h1 on same lvl */
#primary {
  margin: 0 !important;
}

header.woocommerce-products-header {
  margin: 0 !important;
}
header.entry-header {
  margin: 0;
}

/*keep content center  */
.site-content {
  margin: 0 auto;
  width: 90%;
  justify-self: center;
  align-self: start;
}
.wc-block-components-main {
  /* margin: 0 auto; */
  width: 100%;
  justify-self: center;
  align-self: center;
}

/* cart view */
/* summary name */
.wp-block-woocommerce-cart-order-summary-block h2 {
  font-size: var(--text-base) !important;
}

tr.wc-block-cart-items__header {
  font-size: var(--text-base) !important;
}

/* empty cart sad face hide */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
  display: none !important;
}

/* three dots hide */

:root :where(.wp-block-separator.is-style-dots)::before {
  display: none !important;
}

/* checkout */
/* product name in summary */
h3.wc-block-components-product-name {
  font-size: var(--text-xl) !important;
}
.wp-block-woocommerce-checkout-order-summary-block .price {
  font-size: var(--text-lg) !important;
}
/* ***********MEDIA QUERIES*********** */
@media (max-width: 26.875em) {
  .coming-soon-content {
    padding: 0.5rem !important;
  }

  .coming-soon-page {
    width: 80%;
  }

  h1.counter-header {
    width: 80%;
    font-size: 2.488rem !important;
  }
}
@media (max-width: 625px) {
  .coming-soon-content {
    padding: 0;
  }
  #countdown {
    margin-top: 3rem;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    column-gap: 0.5rem !important;
    row-gap: 1.5rem !important;
    margin-bottom: 4rem !important;
  }
  .countdown-item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-self: center !important;
    width: 20rem;
    text-align: center !important;
  }
  .countdown-item span {
    justify-self: center;
    gap: 0;
  }
  .countdown-item label {
    justify-self: center;
    gap: 0;
  }
}
@media (max-width: 921px) {
  header {
    margin: 2em;
  }
  h2 {
    font-size: var(--text-lg) !important;
  }
  header a.menu-link {
    font-size: var(--text-2xl) !important;
    width: 100% !important;
    height: auto !important;
  }
  header.entry-header {
    margin: 0;
  }

  header a.menu-link {
    font-size: var(--text-xl) !important;
  }

  footer a.menu-link {
    font-size: var(--text-lg) !important;
    line-height: 1.5 !important;
    margin-bottom: var(--space-6) !important;
  }
  .ast-woo-header-cart-info-wrap {
    font-size: var(--text-base);
  }
  .ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-equal
    .ast-builder-grid-row {
    grid-template-columns: 1fr;
  }

  button.wc-block-cart-item__remove-link {
    font-size: var(--text-lg) !important;
  }
}

td .price {
  font-size: var(--text-base) !important;
}