/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/**
 * Fjern lagt i handlekurv melding på kassesiden
 */

.woocommerce-message {
	display: none !important;
}


/**
 * Fraktbetegnelse og pris på samme linje i checkout
 */

label[for^="shipping_method_0_flat_rate"] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    width: 100%;
}

.woocommerce-Price-amount {
    text-align: right;
    white-space: nowrap;
}

/**
 * CSS søkefelt forside
 */

/* 1. Gjør hovedcontaineren transparent og tving den til toppen */
.ovabrw_search.form_ovabrw {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 9999 !important; /* Løfter hele søket over Elementor */
    overflow: visible !important; /* Sørger for at kalenderen ikke kuttes */
}

/* 2. Sørg for at feltene er helt hvite (ikke transparente) */
.ovabrw_search .s_field .content input, 
.ovabrw_search .s_field .content select {
    background-color: #ffffff !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
    opacity: 1 !important;
    position: relative;
    z-index: 10;
}

/* 3. Spesifikk fiks for kalender-popupen (easepick) */
.easepick-wrapper {
    z-index: 100000 !important; /* Må være høyere enn alt annet på siden */
}

/**
 * CSS Sjekk levering postnummer produktside
 */

/* Container */
#delivery-check {
    background: #f4f6f8;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    max-width: 100%;
    margin: 20px 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    box-sizing: border-box; /* Viktig for at padding ikke øker bredden */
}

#delivery-check label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Input-felt */
#delivery_postcode {
    width: 100% !important;
    display: block;
    padding: 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    margin-bottom: 10px;
    box-sizing: border-box;
}

/* Knapp under input */
#check_delivery {
    display: block;
    width: 100% !important;
    padding: 12px;
    font-size: 1em;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
    box-sizing: border-box;
    font-weight: bold;
}

/* Effekter */
#check_delivery:hover {
    background-color: #005f87;
}

#check_delivery:active {
    transform: scale(0.98);
}

#check_delivery:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

/* Resultatmeldinger */
#delivery_result {
    margin-top: 15px;
}

.success-msg {
    color: #28a745; /* En fin grønnfarge */
    font-weight: bold;
    display: block;
}

/* Legger til haken i CSS så den blir grønn */
.success-msg:before {
    content: "✓ ";
    font-size: 1.2em;
}

.error-msg {
    color: #dc3545; /* En tydelig rødfarge */
    font-weight: bold;
    display: block;
}

/* Legger til krysset i CSS så det blir rødt */
.error-msg:before {
    content: "✕ ";
    font-size: 1.2em;
}

/**
 * svart tekst rullegardinsmeny
 */

window.addEventListener('load', function() {
    // Hent alle select-elementer på siden
    const selects = document.querySelectorAll('select');

    selects.forEach(function(select) {
        // Sett initial farge
        select.style.color = '#000';

        // Når brukeren endrer valg, behold svart tekst
        select.addEventListener('change', function() {
            this.style.color = '#000';
        });
    });
});

/**
 * Diverse fra customizer
 */

.htslider-slider-area {
	--theme-container-max-width: initial;
}

/* main icon boxes */
.ct-iconbox .elementor-icon,
.ct-iconbox .elementor-icon-box-title,
.ct-iconbox .elementor-icon-box-description {
	transition: all 0.3s ease;
}
.ct-iconbox:hover .elementor-icon,
.ct-iconbox:hover .elementor-icon-box-title,
.ct-iconbox:hover .elementor-icon-box-description { 
	fill: var(--theme-palette-color-8) !important;
	color: var(--theme-palette-color-8) !important 
}

.ovabrw-price::after {
    content: "ekskl. mva. og frakt.";
    display: block;
    font-size: 0.8em;
    color: #666;
    margin-top: 5px;
}

/* farge på sum */

.show_total {
    color: #000000 !important;
}

/* farge og utforming på bestillknapp*/

 button.submit.btn_tran {
    display: block !important;
    width: 100% !important;
    padding: 12px !important;
    font-size: 1em !important;
    background-color: #0073aa !important; /* Samme blåfarge */
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: background-color 0.2s, transform 0.1s !important;
    box-sizing: border-box !important;
    font-weight: bold !important;
    
    /* Luft over og under slik vi snakket om */
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    
    /* Fjerner eventuelle skygger fra temaet */
    background-image: none !important;
    box-shadow: none !important;
}

/* Hover-effekt for å matche stilen */
.checkout button.submit.btn_tran:hover {
    background-color: #005177 !important; /* Litt mørkere blå ved hover */
}

.ovabrw-short-description {
  margin-top: 0px;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Endre tallet for å justere lengden */
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-overflow: ellipsis; /* Legger til "..." på slutten */
}

.checkout .woocommerce-Price-amount {
		display: block;
    text-align: right;
		margin-top: 0px;
}

/* ==========================================================================
   OPTIMALISERT HANDLEKURV (BLOCKSY)
   Fjerner pris, mengde og tekst, men beholder slette-knappen.
   ========================================================================== */

/* 1. Skjul kolonneoverskrifter i tabellen */
.cart thead th.product-price,
.cart thead th.product-quantity,
.cart thead th.product-subtotal {
    display: none !important;
}

/* 2. Skjul hovedkolonnene for pris, mengde og subtotal */
.cart td.product-price,
.cart td.product-quantity,
.cart td.product-subtotal {
    display: none !important;
}

/* 3. Rydd opp i "Mobile Actions" (Fjerner kaoset på mobil) */
.product-mobile-actions {
    display: none !important;
}

/* 4. DREPER DEN SPESIFIKKE PRISEN OG "/Day" (Desktop)
   Treffer nøyaktig de klassene som vises på store skjermer. */
.cart td p.price.ct-hidden-sm.ct-hidden-md[data-title="Pris"],
.cart td .price.ct-hidden-sm,
.cart td [data-title="Pris"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 5. Sørg for at cellen til slette-knappen overlever */
.cart td.product-remove {
    display: table-cell !important;
    width: 40px;
    text-align: center;
    vertical-align: middle;
}

/* 6. Vis kun selve søppelbøtta/krysset */
.cart .product-remove a.remove {
    display: flex !important;
    justify-content: center;
    align-items: center;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ekstra sikring: Skjuler alle labels inni tabellen som heter "Pris" eller "Antall" */
.cart td::before {
    content: none !important;
}