/* ===== CANDLEROOM – Egen CSS v4 (2026-10-02) ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Lato:wght@400;700&display=swap');

:root{--cr-ink:#2E2620;--cr-cream:#F3ECE4;--cr-paper:#FBF8F4;--cr-gold:#A8834F;--cr-bord:#7A2636;--cr-line:rgba(46,38,32,.14)}

/* Typografi */
body,.nordic--header,.nordic--body,.nordic--footer,button,input,select,textarea{font-family:'Lato',Helvetica,Arial,sans-serif !important;color:var(--cr-ink)}
h1,h2,h3,.h1,.h2,.h3,.tws-util-heading--heading{font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:500 !important;color:var(--cr-ink);letter-spacing:.01em}

/* Topprad: en mörk rad, texten centrerad */
.nordic--top-bar{background:var(--cr-ink) !important}
.nordic--top-bar-wrapper{position:relative;padding:8px 30px !important}
.nordic--top-bar-left{float:none !important;width:100%;text-align:center}
.nordic--top-bar-right{position:absolute;right:30px;top:8px;float:none !important}
.slot--top-bar-selling-points div{background:transparent !important;padding:0 !important;display:block !important;text-align:center !important;color:#F2EBE1 !important}
.slot--top-bar-selling-points div,.slot--top-bar-selling-points span{font-family:'Lato',sans-serif !important;font-size:11px !important;font-style:normal !important;letter-spacing:.2em !important;text-transform:uppercase;line-height:20px !important}
.nordic--top-bar-wrapper{min-height:36px}
.nordic--top-bar-right,.nordic--top-bar-right a,.nordic--top-bar-right span{color:rgba(242,235,225,.75) !important;font-size:11px !important;letter-spacing:.08em}
@media (max-width:767px){.nordic--top-bar-wrapper{padding:8px 15px !important}}

/* Sidhuvud */
.nordic--header .nordic--header-wrapper{padding:26px 30px 22px !important}
.tws-logo{text-decoration:none !important}
.tws-logo--text{font-size:0 !important;display:block;text-align:center;line-height:1}
.tws-logo--text:before{content:"Candleroom";display:block;white-space:nowrap;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:40px;letter-spacing:.16em;text-transform:uppercase;color:var(--cr-ink);line-height:1}
.tws-logo--text:after{content:"Nordens största ljusbutik";display:block;white-space:nowrap;font-family:'Lato',sans-serif;font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--cr-gold);margin-top:9px}
.slot--header-search .tws-article-search--no-label,
.slot--header-favorites .tws-favorite-list--header-favorite-button,
.slot--header-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-cart-img{background:transparent !important;color:var(--cr-ink) !important;border-radius:0 !important}
.slot--header-search input.form-control{background:transparent !important;border:0 !important;border-bottom:1px solid var(--cr-ink) !important;border-radius:0 !important;box-shadow:none !important;width:220px;color:var(--cr-ink)}

/* Huvudmeny */
.slot--header-horizontal-menu .navbar-nav>li>a .caret{display:none !important}
.slot--header-horizontal-menu{background:var(--cr-cream) !important;border-top:1px solid var(--cr-line);border-bottom:1px solid var(--cr-line) !important}
.slot--header-horizontal-menu .navbar .container-fluid{border:0 !important}
@media (min-width:992px){
 .slot--header-horizontal-menu .navbar-nav{display:flex !important;flex-wrap:wrap;justify-content:center;float:none !important;width:100%}
 .slot--header-horizontal-menu .navbar-nav>li{float:none !important}
 .slot--header-horizontal-menu .navbar-nav>li>a{background:transparent !important;color:var(--cr-ink) !important;font-size:10px !important;letter-spacing:.05em;text-transform:uppercase;padding:16px 6px !important;white-space:nowrap;text-decoration:none !important}
 .slot--header-horizontal-menu .navbar-nav>li>a:hover{color:var(--cr-bord) !important;background:transparent !important}
 .slot--header-horizontal-menu .navbar-nav>li>a[href$="/sv/jul/"]{color:var(--cr-bord) !important;font-weight:700}
 .slot--header-horizontal-menu .dropdown-menu{background:var(--cr-paper) !important;border:1px solid var(--cr-line) !important;border-radius:0 !important;box-shadow:0 12px 30px rgba(46,38,32,.10) !important}
 .slot--header-horizontal-menu .dropdown-menu a{font-size:13px !important;padding:7px 20px !important;color:var(--cr-ink) !important}
 .slot--header-horizontal-menu .dropdown-menu a:hover{background:var(--cr-cream) !important;color:var(--cr-bord) !important}
}
/* Mobilmeny (även surfplatta: temat visar hamburgermeny under 992px) */
@media (max-width:991px){
 .slot--header-horizontal-menu .tws-top-menu--xs-toggle{background:transparent !important;border:0 !important;box-shadow:none !important}
 .slot--header-horizontal-menu .tws-top-menu--xs-item{display:flex;justify-content:space-between;align-items:center}
 .slot--header-horizontal-menu,.slot--header-horizontal-menu .navbar,.slot--header-horizontal-menu .navbar-collapse{background:var(--cr-paper) !important}
 .slot--header-horizontal-menu a,.slot--header-horizontal-menu .tws-top-menu--xs-link{background:transparent !important;color:var(--cr-ink) !important;font-size:13px !important;letter-spacing:.12em;text-transform:uppercase;text-decoration:none !important}
 .slot--header-horizontal-menu li{border-color:var(--cr-line) !important}
 .slot--header-horizontal-menu .navbar-nav{display:flex !important;flex-direction:column;float:none !important;width:100%}
 .slot--header-horizontal-menu .navbar-nav>li{float:none !important;width:100%}
 .slot--header-horizontal-menu a[href$="/sv/jul/"].tws-top-menu--xs-link{color:var(--cr-bord) !important;font-weight:700}
 .tws-logo--text:before{font-size:19px;letter-spacing:.08em}
 .slot--header-favorites{display:none !important}
 .tws-logo--text:after{font-size:7.5px;letter-spacing:.2em;margin-top:5px}
 .slot--header-horizontal-menu .navbar-nav>li:not([class*=tws-top-menu--item]){order:99}
}

/* Surfplatta: logotyp och favoriter som på dator */
@media (min-width:768px) and (max-width:991px){.tws-logo--text:before{font-size:32px;letter-spacing:.14em}.tws-logo--text:after{font-size:9.5px;letter-spacing:.3em;margin-top:8px}.slot--header-favorites{display:block !important}}

/* Sidyta */
.nordic--body .nordic--main-wrapper{background:transparent !important;box-shadow:none !important}

/* Produktkort */
.tws-list--grid-item .thumbnail{border:0 !important;background:transparent !important;border-radius:0 !important;padding:0 !important}
.tws-article-list--product-image{background:#fff}
.tws-list--grid-item .caption{padding:14px 2px 0 !important;text-align:left}
.tws-article-list--article-name .tws-util-heading--heading,.tws-article-list--article-name a{font-family:'Cormorant Garamond',Georgia,serif !important;font-size:18px !important;font-weight:500 !important;line-height:1.25 !important;color:var(--cr-ink) !important;text-decoration:none !important}
.tws-article-list--price,.tws-article-list--price .tws-api--price-current{font-family:'Lato',sans-serif !important;font-size:13.5px !important;font-weight:700 !important;letter-spacing:.04em;color:var(--cr-ink)}
.tws-article-buy-button-with-modal--buy-button.btn,.btn-primary{background:var(--cr-ink) !important;border:1px solid var(--cr-ink) !important;color:#F7F1E8 !important;border-radius:0 !important;font-family:'Lato',sans-serif !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase;padding:11px 10px !important;box-shadow:none !important;transition:background .2s}
.tws-article-buy-button-with-modal--buy-button.btn *,.btn-primary *{color:#F7F1E8 !important}
.tws-article-buy-button-with-modal--buy-button.btn:hover,.btn-primary:hover{background:var(--cr-bord) !important;border-color:var(--cr-bord) !important}
.tws-article-labels--label,.tws-article-labels--label.tws-article-labels--new{background:var(--cr-paper) !important;border-radius:0 !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.tws-article-labels--label-text{background:var(--cr-paper) !important;border-radius:0 !important;padding:5px 10px !important;color:var(--cr-ink) !important;font-family:'Lato',sans-serif !important;font-size:10px !important;font-weight:700;letter-spacing:.2em;text-transform:uppercase}

/* Kategorisida */
.tws-articlegroup-list--top-heading .tws-util-heading--heading{font-size:46px !important;letter-spacing:.04em;margin:8px 0 18px !important}
.tws-articlegroup-list--info p{font-size:15px;line-height:1.75;color:#4A4039;max-width:760px;margin:0 auto 12px;text-align:center}
.tws-articlegroup-list--article-name .tws-util-heading--heading{margin:0 0 12px !important;text-align:center}
.tws-articlegroup-list--article-name a{display:inline-block;min-width:190px;font-family:'Lato',sans-serif !important;font-size:11px !important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cr-ink) !important;border:1px solid var(--cr-ink);padding:12px 20px;text-decoration:none !important;transition:all .2s}
.tws-articlegroup-list--article-name a:hover{background:var(--cr-ink);color:#F7F1E8 !important}
.btn-default,.tws-list-controls .btn{background:var(--cr-paper) !important;border:1px solid var(--cr-line) !important;border-radius:0 !important;color:var(--cr-ink) !important;font-family:'Lato',sans-serif !important;font-size:12px !important;box-shadow:none !important}
.nordic--body select,.nordic--body .form-control{border-radius:0 !important;border:1px solid var(--cr-line) !important;box-shadow:none !important;font-family:'Lato',sans-serif !important}
.nordic--body p{line-height:1.7}
.btn{border-radius:0 !important}
@media (max-width:767px){.tws-articlegroup-list--top-heading .tws-util-heading--heading{font-size:34px !important}.tws-articlegroup-list--info p{font-size:14.5px;text-align:left}.tws-articlegroup-list--article-name a{min-width:0;width:100%;padding:11px 8px;font-size:10px !important;letter-spacing:.12em}}

/* Sidfot */
.nordic--footer{background:var(--cr-ink) !important;color:#E9DFD2 !important}
.nordic--footer a{color:#F3ECE4 !important}
.nordic--footer .tws-util-heading--heading{color:#F3ECE4 !important;font-size:20px !important}

/* Startsidan – avstånd (behållet) */
.nordic--start-page .tws-container--tws-custom-html img,.nordic--start-page .tws-container--tws-custom-html iframe{padding-top:0 !important;padding-bottom:0 !important;max-width:100%;margin:0}
.nordic--start-page .tws-container--tws-custom-html{margin:0}
.nordic--start-page .tws-container--tws-articles-two,.nordic--start-page .tws-container--tws-newsletter-subscribe,
.nordic--start-page .tws-container--tws-content-box,.nordic--start-page .tws-container--tws-content-box-2x,.nordic--start-page .tws-container--tws-content-box-3x,.nordic--start-page .tws-container--tws-content-box-4x{margin:28px 0 0 0}
.nordic--body .nordic--main .newsletter-title{color:var(--cr-ink)}
.tws-newsletter-subscribe--html-before p{margin:0}
.form-control{background-color:#fff}

/* Presentkort: visa fältet i kassan utan klick (behållet) */
.tws-discount-field--closed .tws-discount-field--form{display:block !important}
.tws-discount-field--enter-discount-btn{color:#6E2231 !important;font-size:16px}
.tws-discount-field{border:1.5px solid #6E2231;border-radius:6px;padding:10px 14px;margin:10px 0}

/* Startsida: kategori-rutor (2x2 på mobil) */
.cr-tile:hover img{opacity:.92}
@media (max-width:767px){.cr-tile{width:48% !important;margin:0 1% 2% !important}}

/* ===== v6: enhetlighet + mobil ===== */
/* Topprad: inga krockar */
.nordic--top-bar-right{display:flex !important;align-items:center;gap:16px}
.slot--open-cookie-settings,.slot--open-cookie-settings *{font-size:10px !important;letter-spacing:.08em !important;color:rgba(242,235,225,.7) !important;text-transform:uppercase}
@media (min-width:992px){.nordic--top-bar-left{padding:0 380px}}
@media (max-width:991px){.nordic--top-bar-right{display:none !important}}

/* Undermeny dator: samma stil på alla nivåer */
@media (min-width:992px){
 .slot--header-horizontal-menu .dropdown-menu{padding:12px 0 !important;min-width:240px}
 .slot--header-horizontal-menu .dropdown-menu a{text-transform:uppercase;font-size:11px !important;letter-spacing:.12em;font-weight:400 !important;line-height:1.5;white-space:normal}
 .slot--header-horizontal-menu .dropdown-submenu>a:after{border:0 !important;content:"\203A" !important;width:auto !important;height:auto !important;margin:0 !important;position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--cr-gold)}
 .slot--header-horizontal-menu .dropdown-submenu>a{position:relative;padding-right:34px !important}
}

/* Rubriker: en stil överallt */
.tws-article-list--article-name a,.tws-article-list--article-name .tws-util-heading--heading{text-transform:none}

/* Kategoriknappar: samma storlek */
.tws-articlegroup-list .caption{width:100%;align-items:stretch !important}
.tws-articlegroup-list .caption>.tws-articlegroup-list--article-name,.tws-articlegroup-list .caption>.tws-articlegroup-list--article-name>div{width:100%}
.tws-articlegroup-list--article-name a{display:flex !important;align-items:center;justify-content:center;width:100%;min-height:50px;text-align:center}

/* Skyltfönster: läsbar text på bild */
.tws-content-box--cell{position:relative}
.tws-content-box--cell:before{content:"";position:absolute;left:0;right:0;top:0;height:55%;background:linear-gradient(180deg,rgba(20,15,12,.55),rgba(20,15,12,0));pointer-events:none;z-index:1}
.tws-content-box .wrappContent{position:relative;z-index:2}
.tws-content-box .wrappContent{padding:20px 22px 40px !important}
.tws-content-box--first-line{font-size:30px !important;color:#F4ECE1 !important}
.tws-content-box .wrappContent *{color:#F4ECE1 !important;text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 18px rgba(0,0,0,.45)}

/* Sidfot: inga punkter, luft */
.nordic--footer ul,.nordic--footer li{list-style:none !important;padding-left:0 !important;margin-left:0 !important}
.nordic--footer li{margin-bottom:6px}
.nordic--footer a{text-decoration:none !important;letter-spacing:.03em}

/* Produktsida */
.tws-article-quantity input.form-control{height:50px;border-radius:0 !important;text-align:center}
.slot--article-buy-button .tws-article-buy-button-with-modal--buy-button.btn{height:50px;display:flex !important;align-items:center;justify-content:center;width:100%;font-size:12px !important}
.tws-article-stock-shipping--stock-message{font-size:13px;letter-spacing:.04em;color:#4A4039}

/* Mobil: lyxig, luftig, konsekvent */
@media (max-width:767px){
 .nordic--body-wrapper{padding:10px 0 30px !important}
 .nordic--main-wrapper{padding:12px 14px 40px !important}
 .tws-list--grid-item .caption{padding:10px 2px 0 !important}
 .tws-article-list--article-name .tws-util-heading--heading,.tws-article-list--article-name a{font-size:15px !important;line-height:1.3 !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .tws-article-list--price,.tws-article-list--price .tws-api--price-current{font-size:12.5px !important}
 .tws-list--grid-item .tws-article-buy-button-with-modal--buy-button.btn{background:transparent !important;border:1px solid var(--cr-ink) !important;padding:9px 4px !important;font-size:10px !important;letter-spacing:.18em !important}
 .tws-list--grid-item .tws-article-buy-button-with-modal--buy-button.btn,.tws-list--grid-item .tws-article-buy-button-with-modal--buy-button.btn *{color:var(--cr-ink) !important}
 .tws-list--control-type--btn-grp{display:none !important}
 .tws-articlegroup-list--info p{font-size:15px;text-align:center}
 .tws-articlegroup-list--article-name a{font-size:10px !important;letter-spacing:.14em;padding:10px 6px !important;min-height:46px}
 .tws-content-box--first-line{font-size:24px !important}
 .tws-util-heading--heading.h1,h1{font-size:30px !important;line-height:1.15 !important}
 .nordic--footer{text-align:center}
 .nordic--footer .row>div{margin-bottom:22px}
}