/*
Theme Name: Mobileri Kolcukaj
Theme URI: https://mobilerikolcukaj.eu
Description: Champagner & Braun Block-Theme für den Möbelshop Mobileri Kolçukaj (Shkodër). Kind-Theme von Twenty Twenty-Five. Alle Seiten als Gutenberg-Blöcke.
Author: Mobileri Kolcukaj
Template: twentytwentyfive
Version: 1.6.4
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: mobileri-kolcukaj
*/

/* Champagner & Braun – nur ergänzende Feinheiten, das Meiste kommt aus theme.json */

:root{
  --mk-champ-050:#FBF4E6; --mk-champ-100:#F7ECD8; --mk-champ-200:#EFE0C4;
  --mk-champ-300:#E7D3AC; --mk-gold:#C6A667; --mk-gold-deep:#B08E4E;
  --mk-brown-400:#8A6A47; --mk-brown-500:#6E5236; --mk-brown-700:#3E2C1C;
  --mk-brown-800:#2A1D12; --mk-surface:#FFFDF8;
}

/* Sanfte Karten-Hover für Produkt-/Kategorie-Gruppen */
.mk-card{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.mk-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(42,29,18,.5);border-color:var(--mk-gold)!important;}

.mk-illu svg{display:block;width:100%;height:auto;border-radius:12px;}

/* Badges */
.mk-badge{display:inline-block;background:var(--mk-brown-700);color:var(--mk-champ-050);
  font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:.3em .7em;border-radius:999px;}

/* Preis mit Streichpreis */
.mk-price{font-family:Georgia,"Iowan Old Style",serif;font-size:1.25rem;color:var(--mk-brown-800);}
.mk-price s{font-size:.8rem;color:var(--mk-brown-400);margin-left:.4em;}

/* Sterne */
.mk-stars{color:var(--mk-gold-deep);letter-spacing:.1em;font-size:.95rem;}

/* Suche/Filter-Leiste (statische Optik) */
.mk-toolbar input,.mk-toolbar select{
  border:1.5px solid var(--mk-champ-300);background:var(--mk-surface);color:var(--mk-brown-800);
  border-radius:999px;padding:.7em 1.1em;font:inherit;outline:none;}
.mk-toolbar input:focus,.mk-toolbar select:focus{border-color:var(--mk-gold);}

/* Header/Buttons Feinschliff */
.wp-block-button__link{font-weight:700;letter-spacing:.01em;}

/* Nur Champagner/Braun – keine Fremdfarben im Fokusring */
:where(a,button):focus-visible{outline:2px solid var(--mk-gold-deep);outline-offset:2px;}

/* ---------- Produkt-Grid & Karten ---------- */
.mk-shop .mk-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:1.5rem;}
.mk-shop .mk-toolbar .mk-grow{flex:1;min-width:200px;}
.mk-shop .mk-toolbar input[type=search]{width:100%;}
.mk-shop .mk-count-wrap{font-size:.9rem;color:var(--mk-brown-500);}
.mk-shop .mk-count-wrap b{font-family:Georgia,serif;color:var(--mk-brown-800);}
.mk-shop .mk-price-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--mk-brown-500);}

.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.mk-card{background:var(--mk-surface);border:1px solid var(--mk-champ-300);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;}
.mk-card .mk-illu{background:var(--mk-champ-100);position:relative;}
.mk-card .mk-illu svg{border-radius:0;}
.mk-card .mk-badge{position:absolute;top:12px;left:12px;}
.mk-card .mk-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1;}
.mk-cat-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mk-brown-400);font-weight:700;}
.mk-card h3{font-size:1.05rem;margin:0;}
.mk-card p.mk-desc{font-size:.82rem;color:var(--mk-brown-400);margin:0;flex:1;}
.mk-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;}
.mk-add{background:var(--mk-brown-700);color:var(--mk-champ-050);border:none;border-radius:999px;padding:9px 16px;font:800 .8rem system-ui,sans-serif;cursor:pointer;}
.mk-add:hover{background:var(--mk-brown-500);}

/* ---------- Kategorie-Kacheln ---------- */
.mk-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.mk-cat-tile{display:block;background:var(--mk-surface);border:1px solid var(--mk-champ-300);border-radius:16px;padding:16px;text-decoration:none;color:inherit;}
.mk-cat-tile .mk-illu{background:var(--mk-champ-100);border-radius:11px;overflow:hidden;margin-bottom:10px;}
.mk-cat-tile b{font-family:Georgia,serif;font-size:1rem;display:block;}
.mk-cat-tile span{font-size:.78rem;color:var(--mk-brown-400);}

/* ---------- Vorteils-Reihe ---------- */
.mk-benefit b{font-family:Georgia,serif;display:block;font-size:1rem;}
.mk-benefit span{font-size:.82rem;color:var(--mk-brown-400);}

@media (max-width:900px){.mk-grid{grid-template-columns:repeat(2,1fr);}.mk-cats{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.mk-grid{grid-template-columns:1fr 1fr;gap:12px;}.mk-cats{grid-template-columns:1fr 1fr;}.mk-card h3{font-size:.95rem;}}

/* ---------- Footer (Template-Part parts/footer.html) ---------- */
/* Link-Listen ohne Aufzählungspunkte, warme Champagner-Links auf dunklem Grund */
.wp-block-template-part .is-style-mk-footer-list,
ul.is-style-mk-footer-list{list-style:none;margin:0;padding:0;}
.is-style-mk-footer-list li{margin:0;}
.is-style-mk-footer-list a{color:var(--mk-champ-100);text-decoration:none;}
.is-style-mk-footer-list a:hover,
.is-style-mk-footer-list a:focus-visible{color:var(--mk-gold);text-decoration:underline;}
/* Kontakt-/Marken-Links im Footer (tel:/mailto:) ebenfalls hell */
.has-brown-fade-gradient-background a{color:var(--mk-champ-100);}
.has-brown-fade-gradient-background a:hover{color:var(--mk-gold);}
/* Auf Mobil sauber untereinander statt gequetscht */
@media (max-width:781px){
  .has-brown-fade-gradient-background .wp-block-columns{gap:1.5rem;}
  .has-brown-fade-gradient-background .wp-block-column{flex-basis:100%!important;}
}