/*
Theme Name: Basba Livs
Template: twentytwentyfive
Version: 1.0
Text Domain: basba-livs
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
/* Håll WordPress globala bakgrundsfärg från att täcka den krämvita temabakgrunden. */
html, body, body.home, body.front-page { background-color: #fff8ec !important; }
.site-header, .nav { background-color: #fff8ec; }
:root{--red:#a72732;--deep:#8f1d27;--gold:#ffcc45;--cream:#fff8ec;--ink:#35231c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1260px;margin:auto;padding-left:24px;padding-right:24px}.site-header{background:#fff7e9;box-shadow:0 2px 15px #5f37140c;position:relative;z-index:5}.header-inner{height:89px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px;min-width:max-content}.brand-icon{font-size:47px;color:#b31d2a;line-height:1}.brand strong{display:block;font-size:40px;letter-spacing:-2px;line-height:1;font-weight:800;color:#a91f2c}.brand strong span{color:#302019}.brand small{display:block;font-size:12px;letter-spacing:3px;text-align:center;font-weight:800}.nav{display:flex;align-items:center;gap:12px}.nav a{padding:11px 19px;font-size:17px;font-weight:700;border-radius:15px}.nav a:hover,.nav a:focus-visible,.nav a.active{background:#b9232b;color:white}.menu-toggle{display:none;background:var(--red);border:0;color:white;border-radius:10px;padding:10px 14px;font-size:20px}.hero{min-height:340px;display:grid;grid-template-columns:44% 56%;position:relative;overflow:hidden;background:var(--deep)}.hero-copy{background:linear-gradient(120deg,#a51f2b,#8f2026);color:white;z-index:1;padding:30px max(24px,calc((100vw - 1212px)/2)) 24px max(24px,calc((100vw - 1212px)/2));padding-right:30px;position:relative}.hero-copy:after{content:"";position:absolute;left:100%;top:0;height:100%;width:95px;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}.hero h1{font-size:clamp(40px,4vw,62px);line-height:.97;letter-spacing:-2.7px;margin:0 0 10px;font-weight:800;white-space:nowrap}.hero h1 em{display:block;font-style:normal;color:var(--gold)}.hero p{font-size:22px;font-weight:600;margin:0 0 17px;white-space:nowrap}.benefits{display:flex;gap:0;margin-bottom:18px}.benefits div{min-width:125px;text-align:center;padding:0 15px;border-right:2px solid #ffffffb8;font-weight:700;font-size:15px;white-space:nowrap}.benefits div:first-child{padding-left:0}.benefits div:last-child{border:0}.benefits b{display:block;font-size:30px;line-height:1.1;font-weight:400}.cta,.map-button{display:inline-flex;align-items:center;gap:12px;border-radius:17px;background:var(--gold);color:#17110e;padding:13px 23px;font-size:20px;font-weight:800}.cta:hover,.map-button:hover{background:#ffdc76}.hero-image{background:url('assets/hero.png') center/cover no-repeat;min-height:340px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 13px}.section-title h2{font-size:35px;letter-spacing:-1px;margin:0;line-height:1.15}.section-title a{font-size:17px;font-weight:700;color:#b51d28}.categories{padding-bottom:36px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category-card{height:145px;border-radius:16px;overflow:hidden;display:flex;align-items:end;background-image:url('assets/categories.png');background-size:500% 100%;box-shadow:0 2px 8px #7a35101c}.category-card:nth-child(1){background-position:0% 50%}.category-card:nth-child(2){background-position:25% 50%}.category-card:nth-child(3){background-position:50% 50%}.category-card:nth-child(4){background-position:75% 50%}.category-card:nth-child(5){background-position:100% 50%}.category-card[style]{background-size:cover}.category-card span{display:block;width:100%;background:#a71f2be8;color:white;text-align:center;font-weight:800;padding:9px 4px;font-size:18px}.offers-section{background:linear-gradient(90deg,#ffebd5,#fff0df);padding:23px 0 25px}.offers-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.offers-intro h2{background:var(--gold);color:#a81e2b;display:inline-block;padding:12px 18px;border-radius:42% 18% 35% 15%;font-size:34px;line-height:1;margin:0 0 12px;transform:rotate(-2deg)}.offers-intro p{font-size:17px;line-height:1.4;margin:0 0 8px 8px}.demo-note{font-size:12px;font-weight:700;color:#7a3f3f}.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.offer-card{background:#fff8ed;border-radius:15px;overflow:hidden;position:relative;min-width:0}.offer-image{height:122px;background:#f8e3c6 center/cover no-repeat}.offer-image.placeholder{background-image:url('assets/hero.png')}.offer-card h3{font-size:18px;line-height:1.1;margin:8px 12px 1px}.offer-card .unit{font-size:14px;margin:0 12px 12px}.price{position:absolute;right:8px;bottom:8px;background:#ad1e2b;color:#fff;border-radius:11px;padding:3px 10px;font-weight:800;font-size:24px;transform:rotate(-3deg)}.price small{font-size:13px}.about{padding-top:28px;padding-bottom:28px}.about h2{font-size:30px;margin:0 0 7px}.about p{font-size:18px;max-width:850px;margin:0;line-height:1.5}.contact{background:#a5212c;color:white;border-radius:16px;margin-top:2px;margin-bottom:32px;padding-top:17px;padding-bottom:17px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:18px;align-items:center}.contact-item{display:flex;align-items:center;gap:13px;min-height:58px;border-right:2px solid #fff9;padding-right:12px}.contact-item:nth-child(3){border:0}.contact-icon{font-size:38px}.contact strong{font-size:21px}.contact span{font-size:15px}.map-button{font-size:15px;padding:12px 18px;white-space:nowrap}.site-footer{text-align:center;padding:14px 24px 30px;font-size:13px;color:#74574d}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:1100px){.brand strong{font-size:32px}.nav a{padding:10px;font-size:15px}.hero-copy{padding-left:32px}.hero h1{font-size:48px}.offers-layout{grid-template-columns:240px 1fr}.contact{grid-template-columns:repeat(2,1fr)}.contact-item:nth-child(2){border:0}}@media(max-width:760px){.header-inner{height:73px}.brand-icon{font-size:34px}.brand strong{font-size:27px;letter-spacing:-1px}.brand small{font-size:8px;letter-spacing:2px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fff7e9;padding:10px 18px 18px;box-shadow:0 8px 14px #0002;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:17px;padding:12px}.hero{display:flex;flex-direction:column}.hero-copy{padding:31px 24px 24px}.hero-copy:after{display:none}.hero h1{font-size:clamp(38px,9vw,56px);white-space:normal}.hero p{font-size:18px;white-space:normal}.hero-image{min-height:220px;order:-1}.benefits{justify-content:space-between}.benefits div{min-width:0;flex:1;padding:0 5px;font-size:12px}.benefits b{font-size:25px}.cta{font-size:16px}.section-title h2{font-size:29px}.section-title a{font-size:13px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{height:135px}.category-card span{font-size:15px}.offers-layout{display:block}.offers-intro h2{font-size:30px}.offer-grid{grid-template-columns:repeat(2,1fr);margin-top:15px}.contact{grid-template-columns:1fr;padding-top:20px;padding-bottom:20px}.contact-item,.contact-item:nth-child(2){border:0;border-bottom:1px solid #fff7;padding-bottom:10px}.map-button{justify-content:center}}@media(max-width:350px){.wrap{padding-left:16px;padding-right:16px}.hero-copy{padding-left:16px;padding-right:16px}.brand strong{font-size:24px}.brand small{letter-spacing:1px}.offer-card h3{font-size:16px}.price{font-size:20px}.section-title{align-items:flex-start}}

.site-header, .nav, .nav.open { background: #fff8ec; }

/* Rymligare layout och tydligare produktkort. */
.header-inner { min-height: 104px; }
.hero, .hero-image { min-height: 425px; }
.hero-copy { display: flex; flex-direction: column; justify-content: center; padding-top: 48px; padding-bottom: 48px; }
.hero p { margin-bottom: 26px; }
.benefits { margin-bottom: 28px; }
.categories { padding-top: 40px; padding-bottom: 68px; }
.section-title { margin: 0 0 26px; }
.category-grid { gap: 20px; }
.category-card { height: 185px; }
.category-card span { padding: 13px 6px; }
.offers-section { padding-top: 64px; padding-bottom: 68px; }
.offers-layout { grid-template-columns: 270px minmax(0, 1fr); gap: 34px; align-items: start; }
.offers-intro p { margin-top: 14px; line-height: 1.6; }
.offer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.offer-card { min-height: 250px; box-shadow: 0 5px 18px #7a351015; }
.offer-image { height: 170px; background-position: center 55%; }
.offer-card h3 { margin: 13px 14px 4px; }
.offer-card .unit { margin: 0 14px 18px; }
.about { padding-top: 64px; padding-bottom: 64px; }
.about h2 { margin-bottom: 18px; }
.about p { line-height: 1.7; }
.contact { margin-top: 0; margin-bottom: 48px; padding-top: 28px; padding-bottom: 28px; }
.site-footer { padding-bottom: 48px; }
@media (max-width: 1100px) {
  .offers-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 24px; }
  .offer-grid { gap: 14px; }
}
@media (max-width: 760px) {
  .header-inner { min-height: 76px; height: 76px; }
  .nav { top: 76px; }
  .hero { min-height: 0; }
  .hero-image { min-height: 260px; }
  .hero-copy { padding-top: 38px; padding-bottom: 42px; }
  .hero p { margin-bottom: 23px; }
  .benefits { margin-bottom: 25px; }
  .categories { padding-top: 38px; padding-bottom: 48px; }
  .section-title { margin-bottom: 22px; }
  .category-grid { gap: 14px; }
  .category-card { height: 155px; }
  .offers-section { padding-top: 48px; padding-bottom: 52px; }
  .offers-layout { display: block; }
  .offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 28px; }
  .offer-card { min-height: 225px; }
  .offer-image { height: 145px; }
  .about { padding-top: 48px; padding-bottom: 52px; }
  .contact { margin-bottom: 38px; gap: 22px; }
}
@media (max-width: 350px) {
  .offer-card { min-height: 205px; }
  .offer-image { height: 125px; }
  .offer-card h3 { font-size: 15px; }
  .price { font-size: 18px; }
}

/* Undersidor */
.site-footer{background:var(--deep);color:#fff;text-align:left;padding:0}
.footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:46px;padding-top:58px;padding-bottom:54px}
.footer-brand{display:inline-block;color:var(--gold);font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.1}
.footer-brand span{color:#fff}
.footer-about p{max-width:290px;line-height:1.6;color:#fff0e8;font-size:15px;margin:18px 0 0}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-column h2{font-size:17px;margin:2px 0 8px;color:var(--gold)}
.footer-column p{font-size:15px;line-height:1.5;margin:0;color:#fff0e8}
.footer-column a{font-size:15px;line-height:1.5;color:#fff}
.footer-column a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-bottom{border-top:1px solid #ffffff4d;padding-top:19px;padding-bottom:23px;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#fff0e8}
@media(max-width:900px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}}
@media(max-width:560px){.footer-main{grid-template-columns:1fr;gap:32px;padding-top:44px;padding-bottom:42px}.footer-bottom{flex-direction:column;gap:6px}}
.page-hero{background:linear-gradient(115deg,#a51f2b,#84202a);color:#fff;padding:58px 0 62px}
.page-hero .eyebrow{margin:0 0 12px;color:var(--gold);font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.page-hero h1{font-size:clamp(42px,6vw,70px);line-height:1.05;letter-spacing:-2px;margin:0 0 14px}
.inner-section{padding-top:54px;padding-bottom:78px;min-height:380px}
.page-copy{max-width:800px;font-size:19px;line-height:1.75}
.page-copy p:first-child{margin-top:0}
@media(max-width:760px){.page-hero{padding:40px 0 44px}.inner-section{padding-top:38px;padding-bottom:50px}}