/* === Header (hero + nav) =============================== */
header.site-header{position:sticky;top:0;z-index:1020;}
header.site-header .header-bg{position:absolute;inset:0;background:linear-gradient(135deg,#166534 0%,#15803d 50%,#14532d 100%);} 
header.site-header .header-bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);} 
header.site-header .header-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;}
.top-bar{border-bottom:1px solid rgba(255,255,255,.2);} 
.nav-bar{height:48px;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);} 
.nav-link,.navbar .dropdown-toggle{transition:color .2s;} 
.nav-link:hover,.navbar .dropdown-toggle:hover{color:#fbbf24!important;} 
.dropdown-menu{border:0;box-shadow:0 8px 24px rgba(0,0,0,.2);} 
.dropdown-menu .dropdown-item{transition:all .2s;} 
.dropdown-menu .dropdown-item:hover{background:#dcfce7;color:#15803d;} 

/* --- Mobile menu --- */
.navbar-collapse.show,.navbar-collapse.collapsing{background:linear-gradient(135deg,#14532d 0%, #166534 100%)!important;padding:1.5rem 1rem;border-top:1px solid rgba(255,255,255,0.15);} 
.navbar-collapse.show .navbar-nav,.navbar-collapse.collapsing .navbar-nav{flex-direction:column;width:100%;}
.navbar-collapse.show .nav-link,.navbar-collapse.collapsing .nav-link{background:transparent!important;color:#ffffff!important;padding:.75rem 1rem;font-size:1.05rem;font-weight:600;transition:background .2s,color .2s;} 
.navbar-collapse.show .nav-link:hover,.navbar-collapse.collapsing .nav-link:hover{background:rgba(255,255,255,0.1);color:#ffffff!important;} 
.navbar-collapse.show .dropdown-menu{background:transparent;border:0;box-shadow:none;} 
.navbar-collapse.show .dropdown-item{background:transparent;color:#ffffff!important;} 
.navbar-collapse.show .dropdown-item:hover{background:rgba(255,255,255,0.1);color:#ffffff!important;} 
.navbar-collapse.show .dropdown-toggle::after{margin-left:auto;transition:transform .2s;} 
.navbar-collapse.show .dropdown-menu.show .dropdown-toggle::after{transform:rotate(180deg);} 

.navbar-toggler{border:0;box-shadow:none!important;color:#fff;} 
.navbar-toggler .bi-x{display:none;} 
.navbar-toggler[aria-expanded="true"] .bi-list{display:none;} 
.navbar-toggler[aria-expanded="true"] .bi-x{display:inline-block;} 

/* ----- Ajax Search Pro input (React look) ---------------- */
.site-header .ajaxsearchpro[data-asp-id="2"]{max-width:28rem!important;margin:0 auto!important;}
.site-header .ajaxsearchpro input[type="text"]{background:rgba(255,255,255,.95)!important;border-radius:12px!important;border:0!important;padding:.75rem 3rem .75rem 1rem;font-size:1rem;color:#111;width:100%;}
.site-header .ajaxsearchpro input[type="text"]:focus{box-shadow:0 0 0 2px rgba(22,101,52,.35)!important;outline:none;}
.site-header .ajaxsearchpro .proinput.iconic{position:relative;}
.site-header .ajaxsearchpro .proinput.iconic:after{content:"\F52A";font-family:"bootstrap-icons";font-size:1.2rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#666;pointer-events:none;}

/* === Produktkort og knapper =============================== */
.product-card{background:#fff !important;position:relative;transition:all .3s ease;border:0;border-radius:16px !important;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.08);} 
.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.15);} 
.product-card .hover-glow{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(234,179,8,.18),rgba(239,68,68,.18));opacity:0;transition:.3s;pointer-events:none;z-index:0;}
.product-card:hover .hover-glow{opacity:1;filter:blur(38px);} 
.product-card img{object-fit:cover;height:260px;width:100%;border-bottom:1px solid #e5e7eb;}
.product-card .card-body{padding:1.5rem;display:flex;flex-direction:column;z-index:1;}
.product-card .card-title{font-size:1rem;line-height:1.2rem;}
.product-card .card-price{color:#fbbf24;font-weight:700;font-size:1.25rem;}

.btn-cta{background:linear-gradient(135deg,#fbbf24 0%,#eab308 100%) !important;color:#000 !important;border-radius:12px !important;text-align:left;padding:12px 20px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px rgba(234,179,8,.3);} 
.btn-cta:hover{background:linear-gradient(135deg,#eab308 0%, #d97706 100%) !important;transform:translateY(-2px);} 
@media (max-width:576px){.btn-cta{font-size:.9rem;padding:10px 16px;}.btn-cta i{font-size:1rem;}}

/* Grønne tema knapper */
.btn-primary{background:linear-gradient(135deg,#15803d 0%, #166534 100%) !important;border-color:#15803d !important;color:#fff !important;box-shadow:0 4px 15px rgba(21,128,61,.3);} 
.btn-primary:hover{background:linear-gradient(135deg,#166534 0%, #14532d 100%) !important;}
.btn-outline-primary{color:#15803d !important;border-color:#15803d !important;} 
.btn-outline-primary:hover, .btn-outline-primary.active{background:linear-gradient(135deg,#15803d 0%, #166534 100%) !important;color:#fff !important;} 

/* Filter badges */
.filter-badge{display:inline-block;background:#f8f9fa;border:1px solid #ccc;border-radius:4px;margin:0 .25rem .25rem 0;padding:.25rem .5rem;position:relative;font-size:.875rem;min-width:35px;}
.filter-badge .remove-filter{text-decoration:none;color:#dc3545;position:absolute;top:-15px;right:-9px;font-weight:bold;cursor:pointer;font-size:20px;}
.filter-badge .remove-filter:hover{color:#bd2130;}

.mobilebredde{width:45%;}

/* Modal backdrop blur */
.modal-backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.2);}

/* Pagination link color fix */
.pagination .page-numbers {
    color: inherit;
    text-decoration: none;
}

/* Gendan 3-kolonne grid på store skærme */
@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

/* Produktkort Grid fix */
.product-card img.img-fluid {
    width: auto;
} 