/**
Theme Name: Agma
Author: Po Prostu WP
Author URI: https://poprostuwp.pl/
Description: Motyw potomny Astry przygotowany dla P.H.U. Agma przez Po Prostu WP.


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: phu-agma
Template: astra
*/

/* =========================================
   TYPOGRAPHY SYSTEM
   WordPress + Astra PRO
   Base: 1rem = 16px
   Fluid range: 390px–1440px
   ========================================= */

html {
    font-size: 100% !important;
}


/* Font families */

:root {
    --font-heading: 'Plus Jakarta Sans', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* System przezroczystości AGMA dla kafelków i boksów (bez dodawania nowych kolorów) */
    --agma-surface-card: rgba(0, 40, 74, 0.03);
    --agma-surface-card-hover: rgba(0, 102, 204, 0.06);
    --agma-surface-sidebar: rgba(0, 40, 74, 0.04);
    --agma-surface-glass-dark: rgba(255, 255, 255, 0.10);
}

/* H1 — Main heading
   Mobile: 30px
   Desktop: 44px
*/


h1,
.entry-content h1,
.ast-single-post .entry-title {
    font-family: var(--font-heading);
    font-size: clamp(1.875rem, 1.5268rem + 1.4286vw, 2.75rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
}


/* H2 — Section headings
   Mobile: 24px
   Desktop: 32px
*/

h2,
.entry-content h2 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 1.3143rem + 0.7619vw, 2rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.015em;
}


/* H3 — Product names
   Mobile: 18px
   Desktop: 20px
*/

h3,
.entry-content h3,
.woocommerce-loop-product__title {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 1.0786rem + 0.1905vw, 1.25rem);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}


/* H4 — Box subtitles
   Mobile: 18px
   Desktop: 18px
*/

h4,
.entry-content h4 {
    font-family: var(--font-heading);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0;
}

/* Body — Main text
   Mobile: 16px
   Desktop: 16px
*/

body,
.entry-content,
.woocommerce-product-details__short-description {
    font-family: var(--font-body);
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


/* Buttons — CTA
   Mobile: 16px
   Desktop: 16px
*/

button,
.button,
.wp-element-button,
.ast-button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
    min-height: 48px;
}


/* Main navigation
   Mobile/Desktop: 16px
*/

.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link {
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.01em;
}


/* Product metadata / small specifications
   Mobile/Desktop: 14px
*/

.product_meta,
.woocommerce-product-attributes,
.woocommerce table.shop_attributes,
.ast-woocommerce-container .price,
.ast-woo-product-category {
    font-family: var(--font-body);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
}


/* =========================================
   Własne klasy - test
   ========================================= */
.agma-r-8 {
    border-radius: 8px;
}

.agma-r-16 {
    border-radius: 16px;
}

.agma-r-1r {
    border-radius: 1rem;
}

.agma-gradient-dark {
    background-image: linear-gradient(
        to bottom right in oklab,
        #00284A 0%,
        #004F9E 50%,
        #0B1E36 100%
    );
}



/* =========================================
   Poprawa Astry
   ========================================= */

.ast-logo-title-inline .ast-site-identity,
.ast-site-identity {
    padding: 0px;
}

.footer-widget-area,
.ast-footer-copyright.site-footer-focus-item,
.footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element {
    font-size: 14px;
}

#ast-desktop-header .ast-builder-menu-1 .menu-link {
    height: 100%;
}

/* Poprawa przycisku rozwijania w menu mobilnym */
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
	top: 0px
}