/*
Theme Name: Nafo
Theme URI: https://extrude.se/
Description: Nafo is a child theme of Hello elementor, created by Elementor team
Author: Extrude
Template: hello-elementor
Author URI: https://extrude.se/
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: nafo
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
Blå #0057B7
Gul #FFD700
*/

/* Add your custom styles here */

*:focus {
    border-radius: 0 !important;
    outline: none !important;
    border: 0px solid #333;
}

.reply a.comment-reply-link::before {
    content: '↩' !important;
}

.woocommerce-message {
    margin-top: 5px;
    border-top-color:#0057B7;
}

.woocommerce-message::before {
    color:#0057B7;
}

.woocommerce-message a.button {
    background-color: #0057B7;
    color: #FFD700;
    float: left !important;
    margin-top: 10px;
    border-radius: 0px;
}

.woocommerce-message a.button:hover {
    background-color:#FFD700;
    color:  #0057B7;
}

/* Dölj radio-knappen när det bara finns ETT fraktalternativ */
.wc-block-components-shipping-rates-control:not(:has(.wc-block-components-radio-control__option:nth-of-type(2)))
  .wc-block-components-radio-control__input {
    display: none;
}

/* Justera label så det inte ser ut som att något saknas */
.wc-block-components-shipping-rates-control:not(:has(.wc-block-components-radio-control__option:nth-of-type(2)))
  .wc-block-components-radio-control__option {
    padding-left: 20px;
}



button {
    border-radius: 0px !important;
}
form select,
form textarea,
form input:active,
form input:focus,
form input:hover,
form input:target,
form input:focus-visible,
form input:focus-within,
form input {
     border-radius: 0 !important;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block input {
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;

}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    border-radius: 0px !important;
    box-shadow: inset 0 0 0 1.5px currentColor;
}

.wc-block-components-panel,
.wc-block-components-panel__button,
.wc-block-components-text-input {
    border-radius: 0 !important;
}



/* TEMA INSTÄLLNINGAR FÖR SIDOR SOM INTE ÄR ELEMENTOR */

 

.woocommerce-cart #content {
    width: 100%;
    max-width: 100% !important;
}

.woocommerce-cart .page-header {
    background-color: var(--e-global-color-f434199);
    padding: 30px 0px;

    max-width: unset;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 60px;
}

.woocommerce-cart .page-header .entry-title {
    display: block;
    max-width: 1140px;
    max-width: 1140px !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: unset;
    margin-top: unset;
    line-height: 30px;
    font-size: 30px;
}

.woocommerce-cart .page-content {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table tbody  th {
    text-transform: uppercase;
    color:rgb(0, 87, 183);
    font-weight: 500;
}

.woocommerce-cart table.shop_table {
    border: 1px solid rgba(170, 220, 255, 1);
}

.woocommerce-cart table.shop_table td,
.woocommerce-cart .cart_totals tr th,
.woocommerce-cart tbody,
.woocommerce-cart tr,
.woocommerce-cart table thead:first-child tr:first-child th {
    border: 1px solid rgba(170, 220, 255, 0.4);
} 


.woocommerce-cart table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: rgba(254, 253, 246,1) !important;
}



.woocommerce-Price-amount bdi {
    font-weight: 600;
    color:rgb(0, 87, 183);
}

.order-total .woocommerce-Price-amount {
    font-size: 1.2rem;
}

td.product-remove {
    max-width: 42px !important;
    
}

.woocommerce a.remove {
    font-size: 30px;
    line-height: 27px;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

 

table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 68px;
    box-shadow: none;
}

.product-thumbnail {
    text-align: center;
}

.wc-proceed-to-checkout a.checkout-button.button   {
    font-family: "Questrial", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #0057B7;
    color: #FFD700;
}

.wc-proceed-to-checkout a.checkout-button.button:hover {
    background-color: #FFD700;
    color: #0057B7; 
    
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 140px;
}

.woocommerce .actions .button {
    background-color: rgba(0, 87, 183, 0.8) !important;
    color: rgba(255, 215, 0, 0.8) !important;
    height: 37px;
}

.woocommerce .actions .button:hover {
    background-color:  rgba(255, 215, 0, 1) !important;
    color: rgba(0, 87, 183, 1) !important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: rgba(254, 253, 246,1);
    color: #333;;
    border-color:  rgba(170, 220, 255, 1);
    border-top: 6px solid rgba(170, 220, 255, 1);
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}   

/*
.order-total td::after {
    content: " (inkl. moms)";
    font-weight: normal;
}
    */

@media (max-width: 576px) {
    .woocommerce-cart .page-header .entry-title {
        max-width: 100% !important;
    }

    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        padding-inline-end: 0px !important;
        padding-inline-start: 0px !important;
    }
} 

@media (max-width: 768px) {
    .woocommerce-cart .page-header .entry-title {
        max-width: 100% !important;
    }

    td.product-remove {
        max-width: 100% !important;
        text-align: left;
    }
}   



body.woocommerce-checkout main#content {
    width: 100%;
    max-width: 100%;
} 

body.woocommerce-checkout main .page-header {
    width: 100%;
    padding: 30px 30px;
}

body.woocommerce-checkout main .page-content {
    width: 100%;
    max-width: 1200px;
    padding: 0px 30px;
    margin: auto;
} 

body.woocommerce-checkout .page-header {
    background-color: rgb(228, 244, 255);
}

body.woocommerce-checkout .page-header .entry-title {
    font-size: 30px;
    line-height: 30px;
    margin-block-end: 0px;
    margin-block-start: 0px;
}


.wc-block-components-radio-control:after {
    border-radius: 0px !important;
}

.wc-block-checkout__contact-fields .wc-block-components-checkout-step__container,
.wc-block-checkout__billing-fields .wc-block-components-checkout-step__container,
.wc-block-checkout__shipping-fields .wc-block-components-checkout-step__container {
    padding: 12px;
}

.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-checkout__contact-fields .wc-block-components-checkout-step__container,
.wc-block-checkout__billing-fields .wc-block-components-checkout-step__container,
.wc-block-checkout__shipping-fields .wc-block-components-checkout-step__container,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    border-radius: 0px !important;
    box-shadow: inset 0 0 0 1.5px #0057B7 !important;
    box-shadow: inset 0 0 0 1.5px #AADCFF !important;
    box-shadow: none !important;
    border:2px solid #AADCFF !important;
    background-color: #FEFDF6 !important;
}


.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-name {
    font-size: 17px;
}

.wc-block-components-checkout-place-order-button__text {
    font-size: 1.5rem;
}

body.woocommerce-checkout  .wc-block-components-product-metadata__description {
    display: none;
}

span.wc-block-components-order-summary-item__individual-price::before {
    content: "(";
}
span.wc-block-components-order-summary-item__individual-price::after {
    content: "/st)";
}


.woocommerce table.shop_attributes td.woocommerce-product-attributes-item__value {
   padding: 8px; 
}

.woocommerce .elementor-1044 .elementor-element.elementor-element-cd5fad7 .woocommerce-tabs .woocommerce-Tabs-panel 
 {
    border-width: 1px 1px 1px 1px;
    border: 1px solid #d3ced2;
    margin-top: -1px;
}


/* NEWSLETTER: */
div.tnp-subscription {
    float: inline-start;
    
    max-width: 800px !important;
}

.tnp-subscription input[type=email],
.tnp-subscription input[type=text] {
    background-color: #fff !important;
        border: 1px solid #0057B7 !important;
}

/* SWISH: */

.input-text.wc-swish-form-payer-alias {
    border: 2px solid #0057B7 !important;
}