/*
Theme Name: AKLIH Ecommerce theme
Theme URI: https://aklih.si
Author: AKLIH | Rok
Author URI: https://aklih.si
Description: A custom ecommecre theme for WordPress made by AKLIH team.
Version: 4.4.55
Tested up to: 6.6
Requires PHP: 7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aklih-ecommerce-theme
Tags: custom-theme, responsive, custom-header, custom-footer


Copyright 2024 Aklih
My Custom Theme is distributed under the terms of the GNU General Public License v2 or later.
*/


*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

img,
video {
    max-width: 100%;
    display: block;
}

body {
    -webkit-font-smoothing: antialiased;
}


/* ==========================================================================
   Main content wrapper
   ========================================================================== */

.main-inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 48px var(--container-padding-xl);
}

@media (max-width: 1024px) {
    .main-inner {
        padding: 40px var(--container-padding-md);
    }
}

@media (max-width: 768px) {
    .main-inner {
        padding: 32px var(--container-padding-sm);
    }
}

:root {
    /* Layout */
    --container-width: 1300px;
    --content-width: 800px;
    --gap: 24px;

    --container-padding-xl: 50px;
    --container-padding-md: 30px;
    --container-padding-sm: 20px;

    /* Breakpoints (use values directly in media queries)
       sm:  480px
       md:  768px
       lg:  1024px
       xl:  1280px
    */

    /* Colors */
    --color-primary: #1a1a1a;
    --color-secondary: #6b6b6b;
    --color-accent: #000000;
    --color-bg: #ffffff;
    --color-border: #f0f0f0;

    /* Typography */
    --font-size-base: 16px;
    --font-family: system-ui, sans-serif;

    /* Transitions */
    --transition: 0.2s ease;
}