@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.aws-container .aws-search-form{position:relative;width:100%;float:none!important;display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display:flex!important;align-items:stretch;height:44px}.aws-container .aws-search-form *,.aws-search-result{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-hyphens:manual;-webkit-hyphens:manual;hyphens:manual;border-radius:0!important}.aws-container .aws-search-form .aws-loader,.aws-container .aws-search-form .aws-loader:after{border-radius:50%!important;width:20px;height:20px}.aws-container .aws-search-form .aws-wrapper{flex-grow:1;position:relative;vertical-align:top;padding:0;width:100%;overflow:hidden}.aws-container .aws-search-form .aws-loader{position:absolute;display:none;right:10px;top:50%;z-index:999;margin:-10px 0 0;font-size:10px;text-indent:-9999em;border-top:3px solid #ededed;border-right:3px solid #ededed;border-bottom:3px solid #ededed;border-left:3px solid #555}.aws-container .aws-search-form.aws-processing .aws-loader{display:block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 .7s infinite linear;animation:load8 .7s infinite linear}.aws-container .aws-search-label{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.aws-container .aws-search-field{width:100%;max-width:100%;color:#313131;padding:6px 15px;line-height:30px;display:block;font-size:12px;position:relative;z-index:2;-webkit-appearance:none;height:100%;min-height:inherit;margin:0!important;border:1px solid #d8d8d8;outline:0}@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:1024px){.aws-container .aws-search-field{font-size:16px}}.aws-container .aws-search-field::-ms-clear{display:none;width:0;height:0}.aws-container .aws-search-field::-ms-reveal{display:none;width:0;height:0}.aws-container .aws-search-field::-webkit-search-cancel-button,.aws-container .aws-search-field::-webkit-search-decoration,.aws-container .aws-search-field::-webkit-search-results-button,.aws-container .aws-search-field::-webkit-search-results-decoration{display:none}.aws-container .aws-search-field:focus{background-color:#fff}.aws-container .aws-show-clear .aws-search-field{padding-right:40px}.aws-container .aws-search-field:focus::-webkit-input-placeholder{color:transparent}.aws-container .aws-search-field:focus:-moz-placeholder{color:transparent}.aws-container .aws-search-field:focus::-moz-placeholder{color:transparent}.aws-container .aws-search-field:focus:-ms-input-placeholder{color:transparent}.aws-container .aws-search-form .aws-search-clear{display:none!important;position:absolute;top:0;right:0;z-index:2;cursor:pointer;color:#757575;height:100%;width:38px;padding:0 0 0 10px;text-align:left}.aws-container .aws-search-form .aws-search-clear span{position:relative;display:block;font-size:24px;line-height:24px;top:50%;margin-top:-12px}.aws-container .aws-search-form.aws-show-clear.aws-form-active .aws-search-clear{display:block!important}.aws-container .aws-search-form.aws-form-active.aws-processing .aws-search-clear{display:none!important}.aws-container .aws-search-form .aws-search-btn{padding:0;line-height:10px;width:42px}.aws-container .aws-search-form .aws-search-btn_icon{display:inline-block;fill:currentColor;height:24px;line-height:24px;position:relative;width:42px;color:#555}.aws-container .aws-search-form .aws-search-btn svg{display:block;height:100%;width:100%}.aws-container[data-show-page=false] .aws-search-form .aws-search-btn:hover{background:#ededed;cursor:default}.aws-container .aws-search-form .aws-form-btn{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;flex-direction:column;text-align:center;background:#ededed;border:1px solid #d8d8d8;margin:0 0 0-1px;cursor:pointer;position:relative;white-space:nowrap;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color 100ms ease-in-out;-moz-transition:background-color 100ms ease-in-out;-o-transition:background-color 100ms ease-in-out;transition:background-color 100ms ease-in-out}.aws-container .aws-search-form .aws-form-btn:hover{background:#dcdcdc}.aws-container .aws-search-form .aws-form-btn:active{background:#d8d8d8}.aws-container[data-buttons-order="3"] .aws-search-form .aws-wrapper{-webkit-order:2;order:2}.aws-container[data-buttons-order="3"] .aws-search-form .aws-search-btn{margin:0-1px 0 0}.aws-search-result{position:absolute;z-index:999999999;background:#fff;width:100%;margin-top:-1px;border:1px solid #ccc;font-size:12px;text-align:left;line-height:16px}.aws-search-result .aws_result_scroll{max-height:500px;overflow-y:auto;overflow-x:hidden}.aws-search-result .aws_result_scroll::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:#ededed}.aws-search-result .aws_result_scroll::-webkit-scrollbar{width:7px;background-color:#ededed}.aws-search-result .aws_result_scroll::-webkit-scrollbar-thumb{background-color:#d8d8d8}.aws-search-result .aws_results{list-style:none;padding:0}.aws-search-result.aws_no_result .aws_results{margin-bottom:0!important}.aws-search-result .aws_result_link{display:block;cursor:pointer;padding:10px 8px;height:100%;overflow:hidden;text-decoration:none;border:0}.aws-search-result .aws_top_text{width:100%;padding:10px 8px;border-bottom:1px solid #ccc}.aws-search-result .aws_result_item.hovered,.aws-search-result .aws_result_item:hover,.aws-search-result .aws_search_more a:hover{background:#f5f5f5}.aws-search-result .aws_results .aws_result_item{display:block;border-bottom:1px solid #ccc;overflow:hidden;margin:0!important;position:relative;cursor:pointer;padding:15px;text-decoration:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.aws-search-result .aws_result_item .aws_result_link_top{position:absolute;z-index:1;white-space:nowrap;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;right:0;opacity:0;outline:0;text-decoration:none}.aws-search-result .aws_result_item [data-link],.aws-search-result .aws_result_item a,.aws-search-result .aws_result_item button,.aws-search-result .aws_result_item span[href]{position:relative;z-index:2}.aws-search-result .aws_result_content{overflow:hidden;display:block}.aws-search-result .aws_result_head{position:relative;display:flex;margin-bottom:8px;font-size:12px;font-weight:700;flex-wrap:nowrap;color:#000;justify-content:space-between}.aws-search-result .aws_result_cat .aws_result_head,.aws-search-result .aws_result_tag .aws_result_head,.aws-search-result .aws_result_tax .aws_result_head,.aws-search-result .aws_result_top_custom_item .aws_result_head{margin-bottom:2px}.aws-search-result .aws_result_tax .aws_result_head,.aws-search-result .aws_result_top_custom_item .aws_result_head{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:flex-start;justify-content:flex-start}.aws-search-result .aws_result_tax .aws_result_head img,.aws-search-result .aws_result_top_custom_item .aws_result_head img{width:16px;height:auto}.aws-search-result .aws_result_title{display:block;padding:0 20px 0 0}.aws-search-result .aws_result_head .aws_result_heading,.aws-search-result .aws_result_top_custom_item .aws_result_head .aws_result_heading{display:block;color:#aaa;font-size:11px;line-height:1;font-weight:400;padding-bottom:3px}.aws-search-result .aws_result_head .aws_result_hierarchy,.aws-search-result .aws_result_top_custom_item .aws_result_head .aws_result_hierarchy{display:block;color:#aaa;font-size:10px;line-height:1;font-weight:400;padding-top:2px}.aws-search-result .aws_result_featured{margin:0 6px 0 0;position:relative;top:-2px;left:3px}.aws-search-result .aws_result_featured svg{width:13px;height:13px;fill:#fa0;vertical-align:bottom}.aws-search-result .aws_result_sku,.aws-search-result .aws_result_stock{display:block;font-weight:400;margin-top:4px;margin-bottom:5px;color:#7ad03a}.aws-search-result .aws_result_stock.out{color:#a44}.aws-search-result .aws_result_sku{margin-top:3px;color:#222}.aws-search-result .aws_result_cat .aws_result_title,.aws-search-result .aws_result_tag .aws_result_title,.aws-search-result .aws_result_top_custom_item .aws_result_title{margin-bottom:2px}.aws-search-result .aws_result_excerpt{display:block;color:#313131;font-size:12px;line-height:1.5;font-weight:400}.aws-search-result .aws_result_price{display:block;flex-shrink:0;padding:0;text-align:right}.aws_result_item.on-sale .aws_result_price{padding:0 25px 0 0}.aws-search-result .aws_result_price del{background:0 0;padding:0 0 0 6px;opacity:.8;text-decoration:line-through!important}.aws-search-result .aws_result_price ins{background:0 0;padding:0 0 0 6px;opacity:1}.aws-search-result .aws_result_cats{display:block;float:left;margin:0 20px 0 0}.aws-search-result .aws_result_term{display:block;color:#aaa;font-size:11px;line-height:1.5;font-weight:400;padding-top:7px}.aws-search-result .aws_result_image{display:block;height:100%;float:left;padding:0 15px 0 0}.aws-search-result .aws_result_image img{width:60px;height:auto;box-shadow:none}.aws-search-result.aws_no_result .aws_results .aws_result_item:not(.aws_result_top_custom_item){line-height:1.5;padding:10px 15px;cursor:default;border-bottom:0}.aws-search-result.aws_no_result .aws_results .aws_result_item:not(.aws_result_top_custom_item):hover{background:inherit;color:inherit}.aws-search-result .aws_result_sale{display:block;height:42px;overflow:hidden;position:absolute;right:0;top:0;width:47px}.aws-search-result .aws_onsale{background:#77a464 0 0;color:#fff;display:block;float:right;height:20px;padding-top:2px;position:absolute;right:-22px;text-align:center;top:8px;transform:rotate(45deg);width:77px}.aws-search-result .aws_no_result{line-height:1.5;padding:10px 6px;cursor:auto}.aws-search-result .aws_search_more{line-height:24px;display:block;text-decoration:none;border:0;text-align:center;color:#21759b}.aws-search-result .aws_terms_suggestions{line-height:1.7}.aws-search-result .aws_term_suggestion{color:#222;vertical-align:middle}.aws-search-result a.aws_term_suggestion{color:#222;background:#ededed;border:0;border-radius:3px;font-size:13px;padding:2px 5px}.aws-search-result a.aws_term_suggestion:hover{background-color:#dad8da}.less500.aws-search-result .aws_result_item .aws_result_head{display:block}.less500.aws-search-result .aws_result_item.on-sale .aws_result_title{padding-right:10px}.less500.aws-search-result .aws_result_price{text-align:left}.less500.aws-search-result .style-inline .aws_result_price{padding-top:4px}.less500.aws-search-result .aws_result_item.on-sale .aws_result_price,.less500.aws-search-result .aws_result_title{padding-right:0}.less500.aws-search-result .aws_result_price del{padding:0}body.aws-overlay{overflow:hidden!important;position:fixed;width:100%}.aws-container.aws-mobile-fixed{position:fixed!important;z-index:9999999!important;top:10px!important;left:20px!important;width:100%;width:calc(100% - 40px)!important}.aws-mobile-fixed-close{padding:15px;margin-right:-10px;display:inline-block;float:right;cursor:pointer}.aws-overlay-mask{display:block;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;background:#fff;z-index:9999998!important}.aws-overlay .aws-overlay-mask{opacity:1}.et_search_outer .aws-container{width:60%}.et_search_outer .aws-container .aws-search-form{max-width:100%!important}.et_vertical_nav .et_search_outer .aws-container{width:auto;margin:0 20px 0 0}.et_fixed_nav .et-fixed-header .et_search_outer .aws-container{top:7px}.et_pb_menu__search .aws-container{width:100%}#et-boc .aws-container .aws-search-field{border:1px solid #d8d8d8;padding:6px 15px}#et-boc .aws-container .aws-search-form .aws-form-btn{background:#ededed;border:1px solid #d8d8d8;margin:0 0 0-1px}#et-boc .aws-container .aws-search-form .aws-wrapper .aws-loader{border-top:3px solid #ededed;border-right:3px solid #ededed;border-bottom:3px solid #ededed;border-left:3px solid #555;margin:-10px 0 0}#et-boc .aws-container .aws-search-form .aws-search-clear span{margin-top:-12px}#et-boc .aws-container .aws-search-form .aws-search-clear{padding:0 0 0 10px}.aws-search-result .aws_result_title .advanced-woo-labels{position:relative!important;width:auto!important;margin:0 5px 5px 0!important;transform:none!important}.aws-search-result .aws_result_title .advanced-woo-labels:last-child{margin-bottom:0!important}.aws-search-result .aws_result_title .aws_result_labels{display:flex;margin:0!important;flex-wrap:wrap;flex-direction:row;text-align:left;justify-content:flex-start}.theme-flatsome .searchform-wrapper .aws-container .aws-show-clear .aws-search-field{color:#313131!important}.theme-avanam #search-drawer .aws-container{max-width:800px;width:100%}/* Fortrydelsesknap — Frontend */

/* Overlay */
.fk-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 999998;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.fk-overlay.fk-aktiv {
    display: flex;
}

/* Modal */
.fk-modal {
    background: #fff;
    border-radius: 10px;
    max-width: 540px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    padding: 32px 28px 28px;
    position: relative;
    box-shadow: 0 8px 40px rgba(0,0,0,.25);
    animation: fk-slide-in .2s ease;
}
@keyframes fk-slide-in {
    from { transform: translateY(24px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}

.fk-luk {
    position: absolute;
    top: 12px; right: 14px;
    background: none;
    border: none;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    color: #888;
    padding: 4px;
}
.fk-luk:hover { color: #333; }

.fk-modal h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 6px;
}
.fk-intro {
    font-size: .88rem;
    color: #666;
    margin: 0 0 20px;
    line-height: 1.5;
}

/* Formularfelter */
.fk-felt-gruppe {
    margin-bottom: 14px;
}
.fk-felt-gruppe label {
    display: block;
    font-size: .85rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}
.fk-felt-gruppe label span {
    color: #c0392b;
}
.fk-felt-gruppe input,
.fk-felt-gruppe textarea {
    width: 100%;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    padding: 9px 12px;
    font-size: .9rem;
    font-family: inherit;
    color: #222;
    background: #fafafa;
    transition: border-color .15s, box-shadow .15s;
    box-sizing: border-box;
}
.fk-felt-gruppe input:focus,
.fk-felt-gruppe textarea:focus {
    outline: none;
    border-color: #2c7a4b;
    box-shadow: 0 0 0 3px rgba(44,122,75,.15);
    background: #fff;
}
.fk-felt-gruppe textarea {
    resize: vertical;
    min-height: 72px;
}

.fk-legal {
    font-size: .78rem;
    color: #888;
    line-height: 1.5;
    margin: 4px 0 16px;
}

.fk-fejl {
    background: #fef0f0;
    border: 1px solid #f5c6c6;
    border-radius: 6px;
    color: #c0392b;
    padding: 10px 14px;
    font-size: .875rem;
    margin-bottom: 12px;
}

/* Indsend-knap */
.fk-indsend-knap {
    width: 100%;
    padding: 12px 20px;
    background: #2c7a4b;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, opacity .15s;
}
.fk-indsend-knap:hover { background: #235f3a; }
.fk-indsend-knap:disabled { opacity: .6; cursor: not-allowed; }

/* Succes */
.fk-succes {
    text-align: center;
    padding: 12px 0;
}
.fk-succes-ikon {
    width: 56px; height: 56px;
    background: #e8f5e9;
    color: #2c7a4b;
    font-size: 1.8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}
.fk-succes h3 {
    font-size: 1.1rem;
    color: #1a1a1a;
    margin: 0 0 10px;
}
.fk-succes p {
    font-size: .9rem;
    color: #555;
    margin: 0 0 8px;
    line-height: 1.5;
}
.fk-succes a {
    display: inline-block;
    margin-top: 10px;
    color: #2c7a4b;
    font-size: .9rem;
    font-weight: 600;
}

/* Flydende knap */
.fk-floating-knap {
    position: fixed;
    bottom: 16px; right: 16px;
    z-index: 999997;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border: none;
    border-radius: 50px;
    font-size: .75rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    transition: box-shadow .15s, transform .15s;
}
.fk-floating-knap svg {
    width: 14px; height: 14px;
}
.fk-floating-knap:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,.28);
    transform: translateY(-2px);
}

/* Topbar */
.fk-header-bar {
    width: 100%;
    text-align: center;
    padding: 8px 16px;
    font-size: .85rem;
    position: sticky;
    top: 0;
    z-index: 9999;
}
.fk-header-bar button {
    background: none;
    border: none;
    font-weight: 600;
    font-size: .85rem;
    font-family: inherit;
    cursor: pointer;
    text-decoration: underline;
}

/* Footerbar */
.fk-footer-bar {
    width: 100%;
    padding: 16px;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    margin-top: 32px;
}

/* Trigger-knap (shortcode / inline) */
.fk-trigger-knap {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 5px 10px !important;
    border: none !important;
    border-radius: 6px;
    font-size: .75rem !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: opacity .15s;
}
.fk-trigger-knap:hover { opacity: .85; }

@media (max-width: 768px) {
    .fk-trigger-knap {
        padding: 4px 8px !important;
        font-size: .68rem !important;
    }
}

/* WooCommerce thank-you boks */
.fk-thankyou-boks {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 14px 18px;
    margin: 16px 0;
    background: #fafafa;
}

@media (max-width: 480px) {
    .fk-modal { padding: 24px 16px 20px; }
    .fk-floating-knap span { display: none; }
    .fk-floating-knap { padding: 14px; border-radius: 50%; }
}
/* ============================================================
   Krypo Bestsellers – Styles
   Matcher Krop og Krystaller (Breakdance) "Nyheder"-sektionen.
   ============================================================ */

.krypo-bs-wrapper {
    /* Brand tokens (fald tilbage til brandets Breakdance-variabler hvis de findes) */
    --krypo-green:        var(--bde-palette-color-1-primary-green,   #afc4a9);
    --krypo-green-dark:   var(--bde-palette-color-1-secondary-green, #5C8A57);
    --krypo-gold:         var(--bde-palette-color-1-gold-accent,     #CBB279);
    --krypo-brown:        var(--bde-palette-color-1-earth-brown,     #8B6232);
    --krypo-light:        var(--bde-palette-color-1-neutral-light,   #F8F5F0);
    --krypo-dark:         var(--bde-palette-color-1-neutral-dark,    #2A2622);
    --krypo-price:        #9aa873;   /* sage-grøn pris, som på Nyheder */
    --krypo-heading-font: var(--bde-heading-font-family, "Playfair Display", serif);
    --krypo-body-font:    var(--bde-body-font-family, "Lato", sans-serif);
    --krypo-img-radius:   var(--bde-woo-product-images__border-radius, 6px);

    width: 100%;
    font-family: var(--krypo-body-font);
    color: var(--krypo-dark);
}

/* ---------- Overskrift ---------- */
.krypo-bs-title {
    font-family: var(--krypo-heading-font);
    font-weight: 700;
    color: var(--krypo-dark);
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.2;
    margin: 0 0 1.75rem;
    text-align: center;
}

/* ---------- Slider shell (pile ligger uden for kortene) ---------- */
.krypo-bs-slider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.krypo-bs-viewport {
    overflow: hidden;
    flex: 1 1 auto;
    min-width: 0;
}

/* ---------- Track ---------- */
.krypo-bs-track {
    display: flex;
    gap: 30px;
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

/* ---------- Slide ---------- */
.krypo-bs-slide {
    flex: 0 0 calc(25% - 22.5px);   /* 4 synlige */
    min-width: 0;
}

@media (max-width: 1200px) {
    .krypo-bs-slide { flex: 0 0 calc(33.333% - 20px); }   /* 3 */
}

@media (max-width: 900px) {
    .krypo-bs-slide { flex: 0 0 calc(50% - 15px); }        /* 2 */
}

@media (max-width: 600px) {
    .krypo-bs-slide { flex: 0 0 100%; }                    /* 1 – mobil */

    /* Ét centreret produkt med luft omkring – som "Nyheder" på mobil */
    .krypo-bs-card {
        max-width: 240px;
        margin: 0 auto;
    }

    .krypo-bs-info {
        text-align: center;
        align-items: center;
    }

    /* Sikr sort titel også på mobil */
    .krypo-bs-wrapper a.krypo-bs-name,
    .krypo-bs-wrapper a.krypo-bs-name:hover {
        color: #2A2622 !important;
    }
}

/* ---------- Kort (rent, uden ramme – som Nyheder) ---------- */
.krypo-bs-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: transparent;
}

/* ---------- Billede ---------- */
.krypo-bs-image-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--krypo-light);
    aspect-ratio: 1 / 1;
    border-radius: var(--krypo-img-radius);
}

.krypo-bs-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.krypo-bs-image-wrap:hover .krypo-bs-img {
    transform: scale(1.04);
}

/* ---------- Badge (guld pill, øverst venstre) ---------- */
.krypo-bs-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 6px 14px;
    border-radius: 6px;
    font-family: var(--krypo-body-font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.4;
    pointer-events: none;
    z-index: 2;
    white-space: nowrap;
}

/* Badge i WooCommerce shop-loop / Breakdance produktgitter */
.krypo-bs-badge--loop,
.krypo-bs-badge--single {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 9;
}

/* Gør loop-billedets forælder relativ, så badget kan placeres */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.bde-product .bde-product-image {
    position: relative;
}

/* ---------- Produktinfo ---------- */
.krypo-bs-info {
    padding: 14px 2px 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    flex: 1 1 auto;
    text-align: left;   /* undgå at Breakdance-wrapperen centrerer */
}

.krypo-bs-wrapper a.krypo-bs-name,
.krypo-bs-wrapper a.krypo-bs-name:link,
.krypo-bs-wrapper a.krypo-bs-name:visited {
    font-family: var(--krypo-heading-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    color: #2A2622 !important;   /* sort – slå temaets grønne link-farve fra */
    text-decoration: none;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.krypo-bs-wrapper a.krypo-bs-name:hover,
.krypo-bs-wrapper a.krypo-bs-name:focus {
    color: #2A2622 !important;
}

.krypo-bs-price,
.krypo-bs-price .woocommerce-Price-amount {
    font-family: var(--krypo-heading-font);
    font-size: 15px;
    font-weight: var(--bde-woo-typography-font-weight-heavy, 800);
    color: #afc4a9;
    display: inline;
    text-decoration: none;
    line-height: var(--bde-woo-base-heading-line-height, 1.2);
}

.krypo-bs-price del {
    opacity: 0.6;
    font-weight: 400;
    margin-right: 6px;
}

.krypo-bs-price ins {
    text-decoration: none;
}

/* ---------- Køb-knap (grøn outline, som Nyheder) ---------- */
.krypo-bs-cart {
    margin-top: 10px;
    width: 100%;
}

.krypo-bs-cart .button,
.krypo-bs-cart .added_to_cart {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 12px 18px;
    background: transparent;                       /* gennemsigtig – som originalen */
    color: var(--krypo-green-dark);
    border: 1px solid rgba(92, 138, 87, 0.45);     /* tynd, lys grøn kant */
    border-radius: 10px;                           /* mere runde kanter */
    font-family: var(--krypo-body-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
}

.krypo-bs-cart .button.loading {
    opacity: 0.7;
    cursor: wait;
}

.krypo-bs-cart .added_to_cart {
    margin-top: 8px;
    padding: 9px 18px;
    font-size: 13px;
    background: transparent;
    border-style: dashed;
}

/* ---------- Navigationspile (uden for kortene) ---------- */
.krypo-bs-nav {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: var(--krypo-gold);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: color 0.25s, background 0.25s;
    padding: 0;
}

.krypo-bs-nav svg {
    width: 26px;
    height: 26px;
}

.krypo-bs-nav:hover {
    color: var(--krypo-green-dark);
}

.krypo-bs-nav[disabled] {
    opacity: 0.25;
    cursor: default;
}

@media (max-width: 600px) {
    .krypo-bs-nav { width: 30px; }
    .krypo-bs-nav svg { width: 20px; height: 20px; }
    .krypo-bs-track { gap: 18px; }
}

/* ---------- Dots ---------- */
.krypo-bs-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -34px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.krypo-bs-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(42, 38, 34, 0.2);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background 0.25s, transform 0.25s;
}

.krypo-bs-dot--active {
    background: var(--krypo-green-dark);
    transform: scale(1.2);
}

/* plads til dots under slideren */
.krypo-bs-wrapper {
    padding-bottom: 20px;
}

/* ---------- Tom tilstand ---------- */
.krypo-bs-empty {
    opacity: 0.6;
    font-style: italic;
    font-family: var(--krypo-body-font);
    text-align: center;
    padding: 2rem 0;
}
.wpro-pre-order-availability-date, .wpro-pre-order-quantity {
    margin-bottom: 20px;
}

.wpro-pre-order-availability-date, .wpro-pre-order-quantity, .wpro-pre-order-availability-date {
    font-style: oblique;
    font-size: 16px;
}

.wpro-pre-order-after-name-cart, .wpro-pre-order-availability-date-cart {
    font-style: oblique;
    font-size: 14px;
}

.fa {
    color: green;
    margin-right: 5px;
}

.wpro-pre-order-shop-page {
    font-style: oblique;
    font-size: 16px;
    margin-bottom: 10px;
}