/*
Theme Name: Premium Bau Materials
Theme URI: https://pbm-ks.com
Author: Premium Bau
Description: Minimalist responsive WordPress theme for construction materials, waterproofing and insulation.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: premium-bau
*/
:root{--orange:#e76e27;--ink:#20252a;--muted:#68737b;--line:#e5e8eb;--paper:#fff;--soft:#f5f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{max-width:1240px;margin:auto;padding:0 28px}.site-header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px;line-height:1.05;letter-spacing:.02em}.brand img{max-height:65px;max-width:215px;object-fit:contain}.brand small{display:block;color:var(--orange);font-size:12px;letter-spacing:.18em}.nav ul{display:flex;list-style:none;gap:25px;margin:0;padding:0}.nav a{font-size:14px;font-weight:700}.nav a:hover,.footer a:hover{color:var(--orange)}.menu-toggle{display:none;background:white;border:1px solid var(--line);padding:9px 13px;font-size:20px}.hero{min-height:570px;display:flex;align-items:center;position:relative;background:#25313a;overflow:hidden;color:white}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,26,31,.91),rgba(18,26,31,.40)),var(--hero-image,linear-gradient(130deg,#344956,#101c25));background-position:center;background-size:cover}.hero .wrap{width:100%;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--orange)}.hero h1{font-size:clamp(38px,5.4vw,72px);line-height:1.08;letter-spacing:-.04em;max-width:790px;margin:22px 0}.hero p{max-width:650px;font-size:18px;color:#edf0f1}.btn{display:inline-block;background:var(--orange);color:white;padding:13px 24px;font-weight:700;margin-top:20px}.btn:hover{background:#c85c1e}.section{padding:90px 0}.section.alt{background:var(--soft)}.section-title{font-size:clamp(28px,3.2vw,42px);line-height:1.2;margin:8px 0 14px}.section-lead{max-width:780px;color:var(--muted);margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tile{background:white;border:1px solid var(--line);overflow:hidden;transition:transform .2s}.tile:hover{transform:translateY(-4px)}.tile-media{height:185px;background:linear-gradient(135deg,#dfe4e6,#aebdc5);display:flex;align-items:center;justify-content:center;color:#43515b;font-size:42px}.tile-media img{width:100%;height:100%;object-fit:cover}.tile-body{padding:24px}.tile h3{margin:0 0 8px;font-size:20px}.tile p{margin:0;color:var(--muted);font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature{background:#e9edef;min-height:320px;display:flex;align-items:center;justify-content:center;font-size:72px;color:#80919b}.feature img{width:100%;height:360px;object-fit:cover}.footer{background:#20262c;color:#e9edef;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3{margin-top:0}.footer p,.footer li{color:#c3cbd0}.footer ul{padding:0;list-style:none}.footer li{margin:9px 0}.copyright{border-top:1px solid #40474c;margin-top:40px;padding-top:20px;font-size:13px;color:#aab4b9}.page-main{min-height:50vh;padding:75px 0}.page-main h1{font-size:42px}.entry-content{max-width:850px}.entry-content a{color:var(--orange);text-decoration:underline}.wp-block-image img{height:auto}@media(max-width:850px){.menu-toggle{display:block}.header-inner{flex-wrap:wrap;min-height:75px}.nav{display:none;width:100%}.nav.open{display:block}.nav ul{display:block;padding:8px 0 20px}.nav li{padding:9px 0}.grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:25px}.hero{min-height:490px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{padding:0 19px}.grid,.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.hero p{font-size:16px}.brand{font-size:17px}.tile-media{height:175px}}

.footer-logo{display:block;max-width:240px;max-height:80px;width:100%;height:auto;object-fit:contain;object-position:left center;margin-bottom:18px}.site-header .brand img{max-width:245px}.section.alt{background-image:linear-gradient(rgba(245,246,247,.965),rgba(245,246,247,.965)),url("assets/pattern.png");background-size:auto,420px auto;background-repeat:repeat}

.pbm-languages{display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:12px;font-weight:700;margin-left:14px}.pbm-languages a{text-decoration:none;color:#565e64;opacity:.7}.pbm-languages a[aria-current="true"]{color:#eb7620;opacity:1}.pbm-languages a:hover{opacity:1}@media(max-width:800px){.pbm-languages{margin-left:5px}}


/* PREMIUM BAU – HOME PRODUCT CARDS */

body.home a.tile,
body.home .tile {
    display: block;
    position: relative;
    border: 1px solid #e5e8eb !important;
    border-radius: 9px;
    background: #ffffff;
    overflow: hidden;

    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transform: translateY(0);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}

@media (hover: hover) {
    body.home a.tile:hover,
    body.home .tile:hover {
        transform: translateY(-10px) !important;
        border-color: #e76e27 !important;
        box-shadow:
            0 12px 28px rgba(231,110,39,0.20) !important;
        cursor: pointer;
    }
}

body.home a.tile:focus-visible {
    outline: 2px solid #e76e27;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    body.home a.tile,
    body.home .tile {
        transition: none !important;
    }

    body.home a.tile:hover,
    body.home .tile:hover {
        transform: none !important;
    }
	
}

/* PREMIUM BAU – HOME CARDS LIFT EFFECT */

body.home .grid > a.tile {
    position: relative !important;
    top: 0;
    transform: none !important;
    transition:
        top 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}

@media (hover: hover) {
    body.home .grid > a.tile:hover {
        top: -10px !important;
        transform: none !important;
        border-color: #e76e27 !important;
        box-shadow: 0 12px 28px rgba(231,110,39,0.20) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.home .grid > a.tile {
        transition: none !important;
    }
}

/* PREMIUM BAU – HOME / HIDROIZOLIM */
/* Vetem fotografia Bauder KARAT */

body.home #products .grid > .tile:first-child .tile-media {
    background: #f7f8f9
        url("https://pbm-ks.com/wp-content/uploads/2026/10/Bauder-Karat-1024x1024.jpeg")
        center center / contain no-repeat !important;

    font-size: 0 !important;
}

/* Fsheh fotografite dhe simbolet e tjera
   vetem brenda karteles Hidroizolim */

body.home #products .grid > .tile:first-child .tile-media::before,
body.home #products .grid > .tile:first-child .tile-media::after {
    content: none !important;
    display: none !important;
}

body.home #products .grid > .tile:first-child .tile-media img {
    display: none !important;
}