Optimize web performance and caching

assets/css/components/_footer.css

@@ -5,10 +5,10 @@
     padding: var(--spacing-l) var(--spacing-l);
     text-align: center;
     font-size: 0.9rem;
-    color: #777;
+    color: #5e5e5e;
     background-color: #f1f1f1;
 }
 
 body:not(.homepage) .main-footer-bar {
     margin-top: var(--spacing-xl);
-}
+}

assets/css/main.css

@@ -1,27 +1,2 @@
 /* /assets/css/main.css */
-/* Ta datoteka služi kot glavna vstopna točka in uvaža vse ostale CSS parciale. */
-
-/* 1. Base Styles - Osnovni stili, spremenljivke in tipografija */
-@import url('base/_variables.css');
-@import url('base/_reset.css');
-@import url('base/_typography.css');
-
-/* 2. Layout Styles - Strukturni elementi in mreže */
-@import url('layout/_structure.css');
-@import url('layout/_grids.css');
-
-/* 3. Components - Ponovno uporabljivi gradniki (gumbi, kartice, itd.) */
-@import url('components/_header.css');
-@import url('components/_footer.css');
-@import url('components/_slider.css');
-@import url('components/_buttons.css');
-@import url('components/_cards.css');
-@import url('components/_accordion.css');
-@import url('components/_contact-form.css');
-
-/* 4. Page-Specific Styles - Stili za specifične tipe strani */
-@import url('pages/_article.css');
-@import url('pages/_storitve.css');
-@import url('pages/_homepage.css');
-@import url('pages/_blog.css');
-@import url('pages/_cenik.css'); /* SPREMEMBA: Uvoz nove datoteke za cenik */
+/* Namenoma prazna datoteka – posamezne stile nalagamo neposredno v <head>. */

assets/css/style-home.min.css

@@ -0,0 +1 @@
+:root{--font-heading:'Playfair Display',serif;--font-body:'Montserrat',sans-serif;--color-text:#2c3e50;--color-background:#fdfdfd;--color-primary-accent:#0804fc;--color-primary-accent-dark:#0603c9;--color-white:#ffffff;--color-border:#e0e0e0;--spacing-xs:0.25rem;--spacing-s:0.5rem;--spacing-m:1rem;--spacing-l:2rem;--spacing-xl:4rem;--shadow-light:0 4px 6px rgba(0,0,0,0.05);--shadow-medium:0 8px 24px rgba(0,0,0,0.1);--transition-fast:0.2s ease-in-out;--transition-medium:0.5s ease-in-out}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-m);color:var(--color-primary-accent)}p{margin-bottom:var(--spacing-m)}a{color:var(--color-primary-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-accent-dark)}.text-accent-uppercase{color:var(--color-primary-accent);text-transform:uppercase}.page-main-content{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);min-height:calc(100vh - 80px - 150px)}.container{max-width:1100px;margin:0 auto;padding:0 var(--spacing-l)}.page-title{font-size:clamp(2.5rem,6vw,4rem);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-primary-accent)}.section-title{font-size:clamp(1.5rem,4vw,2rem);margin-top:var(--spacing-l);margin-bottom:var(--spacing-m);color:var(--color-text);border-left:4px solid var(--color-primary-accent);padding-left:var(--spacing-m)}.intro-text{font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.6;margin-bottom:var(--spacing-l);color:#555}.page-subtitle{font-size:clamp(1.1rem,3vw,1.4rem);text-align:center;max-width:800px;margin:0 auto var(--spacing-xl) auto;color:#555}.text-section{margin-bottom:var(--spacing-l)}.about-image{width:100%;max-width:400px;margin:0 auto;position:static}.about-image img{width:100%;height:auto;border-radius:10px;box-shadow:var(--shadow-medium)}.grid-image{width:100%;aspect-ratio:1 / 1;background-size:cover;background-position:center;border-radius:10px;box-shadow:var(--shadow-medium);transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.grid-image:hover{transform:scale(1.03);box-shadow:0 12px 30px rgba(0,0,0,0.15)}.highlight-quote{margin:var(--spacing-l) auto;padding:var(--spacing-l);border-left:5px solid var(--color-primary-accent);background-color:rgba(8,4,252,0.05);border-radius:0 8px 8px 0}.highlight-quote p{font-size:1.1rem;font-style:italic;font-weight:500;margin-bottom:var(--spacing-m)}.highlight-quote cite{display:block;text-align:right;font-style:normal;font-weight:600}.concluding-statement{text-align:center;padding:var(--spacing-l);margin:var(--spacing-xl) 0;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-white);box-shadow:var(--shadow-light)}.concluding-statement p{margin-bottom:0;font-size:1.1rem;line-height:1.8;text-transform:uppercase;letter-spacing:0.5px}.content-cta{text-align:center;margin-top:var(--spacing-xl)}.page-hero{padding:var(--spacing-l) 0;text-align:center;background-color:rgba(8,4,252,0.05);margin-bottom:var(--spacing-xl)}.page-hero .page-title{margin-bottom:var(--spacing-m)}.page-hero .page-subtitle{font-size:1.1rem;max-width:700px;margin:0 auto;color:#555;font-style:normal}.contact-details{background-color:rgba(221,226,229,0.2);padding:var(--spacing-l);border-radius:8px}.contact-info-item{margin-bottom:1.5rem}.contact-info-item .info-label{display:block;font-size:0.9rem;font-weight:600;color:#777;margin-bottom:var(--spacing-xs)}.contact-info-item .info-data{font-size:1.1rem;margin:0}.contact-info-item .info-data a{word-break:break-all}.map-placeholder{width:100%;height:300px;border-radius:8px;overflow:hidden;margin-top:var(--spacing-l);background-color:#e9e9e9;box-shadow:inset 0 2px 4px rgba(0,0,0,0.06)}.map-placeholder iframe{width:100%;height:100%;border:0}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (max-width:768px){}@media (min-width:768px){}@media (min-width:992px){.about-image{max-width:100%;position:sticky;top:calc(var(--spacing-l) + 80px);align-self:start}}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-l);align-items:flex-start}.image-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-l);margin-bottom:var(--spacing-xl)}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-l)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-l)}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (max-width:768px){.image-grid,.services-grid,.blog-grid,.contact-grid{grid-template-columns:1fr}}@media (min-wiLine truncated

assets/css/style.min.css

@@ -0,0 +1 @@
+:root{--font-heading:'Playfair Display',serif;--font-body:'Montserrat',sans-serif;--color-text:#2c3e50;--color-background:#fdfdfd;--color-primary-accent:#0804fc;--color-primary-accent-dark:#0603c9;--color-white:#ffffff;--color-border:#e0e0e0;--spacing-xs:0.25rem;--spacing-s:0.5rem;--spacing-m:1rem;--spacing-l:2rem;--spacing-xl:4rem;--shadow-light:0 4px 6px rgba(0,0,0,0.05);--shadow-medium:0 8px 24px rgba(0,0,0,0.1);--transition-fast:0.2s ease-in-out;--transition-medium:0.5s ease-in-out}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-m);color:var(--color-primary-accent)}p{margin-bottom:var(--spacing-m)}a{color:var(--color-primary-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-accent-dark)}.text-accent-uppercase{color:var(--color-primary-accent);text-transform:uppercase}.page-main-content{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);min-height:calc(100vh - 80px - 150px)}.container{max-width:1100px;margin:0 auto;padding:0 var(--spacing-l)}.page-title{font-size:clamp(2.5rem,6vw,4rem);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-primary-accent)}.section-title{font-size:clamp(1.5rem,4vw,2rem);margin-top:var(--spacing-l);margin-bottom:var(--spacing-m);color:var(--color-text);border-left:4px solid var(--color-primary-accent);padding-left:var(--spacing-m)}.intro-text{font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.6;margin-bottom:var(--spacing-l);color:#555}.page-subtitle{font-size:clamp(1.1rem,3vw,1.4rem);text-align:center;max-width:800px;margin:0 auto var(--spacing-xl) auto;color:#555}.text-section{margin-bottom:var(--spacing-l)}.about-image{width:100%;max-width:400px;margin:0 auto;position:static}.about-image img{width:100%;height:auto;border-radius:10px;box-shadow:var(--shadow-medium)}.grid-image{width:100%;aspect-ratio:1 / 1;background-size:cover;background-position:center;border-radius:10px;box-shadow:var(--shadow-medium);transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.grid-image:hover{transform:scale(1.03);box-shadow:0 12px 30px rgba(0,0,0,0.15)}.highlight-quote{margin:var(--spacing-l) auto;padding:var(--spacing-l);border-left:5px solid var(--color-primary-accent);background-color:rgba(8,4,252,0.05);border-radius:0 8px 8px 0}.highlight-quote p{font-size:1.1rem;font-style:italic;font-weight:500;margin-bottom:var(--spacing-m)}.highlight-quote cite{display:block;text-align:right;font-style:normal;font-weight:600}.concluding-statement{text-align:center;padding:var(--spacing-l);margin:var(--spacing-xl) 0;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-white);box-shadow:var(--shadow-light)}.concluding-statement p{margin-bottom:0;font-size:1.1rem;line-height:1.8;text-transform:uppercase;letter-spacing:0.5px}.content-cta{text-align:center;margin-top:var(--spacing-xl)}.page-hero{padding:var(--spacing-l) 0;text-align:center;background-color:rgba(8,4,252,0.05);margin-bottom:var(--spacing-xl)}.page-hero .page-title{margin-bottom:var(--spacing-m)}.page-hero .page-subtitle{font-size:1.1rem;max-width:700px;margin:0 auto;color:#555;font-style:normal}.contact-details{background-color:rgba(221,226,229,0.2);padding:var(--spacing-l);border-radius:8px}.contact-info-item{margin-bottom:1.5rem}.contact-info-item .info-label{display:block;font-size:0.9rem;font-weight:600;color:#777;margin-bottom:var(--spacing-xs)}.contact-info-item .info-data{font-size:1.1rem;margin:0}.contact-info-item .info-data a{word-break:break-all}.map-placeholder{width:100%;height:300px;border-radius:8px;overflow:hidden;margin-top:var(--spacing-l);background-color:#e9e9e9;box-shadow:inset 0 2px 4px rgba(0,0,0,0.06)}.map-placeholder iframe{width:100%;height:100%;border:0}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (max-width:768px){}@media (min-width:768px){}@media (min-width:992px){.about-image{max-width:100%;position:sticky;top:calc(var(--spacing-l) + 80px);align-self:start}}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-l);align-items:flex-start}.image-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-l);margin-bottom:var(--spacing-xl)}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-l)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-l)}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (max-width:768px){.image-grid,.services-grid,.blog-grid,.contact-grid{grid-template-columns:1fr}}@media (min-wiLine truncated