/*
Theme Name: Alignfootwear.dk RO-Child
Template: alignfootwear
*/

@media (max-width: 1024px) {
.woocommerce-product-details__short-description._desktop,
.product-gallery-wrapper_ .woocommerce-tabs,
.tp-widget._desktop,
.product_title._desktop,
.accordion-trigger._desktop {
        display: none !important;
    }

}

@media (max-width: 768px) {
    body.wp-singular .salespoints {
        display: none;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
    height: 310px;
    background: #e4eff6;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
}

    .woocommerce div.product div.images img {
    object-fit: contain;
    height: 270px;
    mix-blend-mode: multiply;
}
}

h1.product_title.entry-title {
    text-align: left;
    font-size: 26px;
    line-height: 32px;
    color: #9a2a23;
    margin: 5px 0px 20px 0px;
}

div#searchform,
div#breadcrumbs,
.woocommerce-notices-wrapper,
.quantity {
    display: none;
}


@media only screen and (max-width: 545px) {
    main>div {
        padding: 0px !important;
    }
}

.trustpilot-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    font-size: 14px;
}

.tp-widget {
    margin-top: 20px;
}

span.woocommerce-Price-amount.amount {
    float: right;
    font-weight: 500;
    font-size: 1.8em;
    font-family: sans-serif;
}

.price-con {
    background: #f7f7f7;
    border-radius: 12px;
    padding: 20px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #313131;
    font-size: 1.0em;
}

.woocommerce div.product form.cart .variations select {
    max-width: 100%;
    min-width: 75%;
    display: inline-block;
    /* margin-right: 1em; */
    appearance: none;
    /* -webkit-appearance: none; */
    -moz-appearance: none;
    padding-right: 3em;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;
    background-size: 16px;
    -webkit-background-size: 16px;
    background-position: calc(100% - 12px) 50%;
    -webkit-background-position: calc(100% - 12px) 50%;
    background-color: #ededed;
    border: 1px solid #e9e8e8;
    border-radius: 8px;
    font-size: 15px;
    padding: 5px 10px;
}

.variations_form .variations .sizeguide {
    float: right;
    /* margin-right: 10px; */
    font-size: 14px;
    text-decoration: underline;
    color: #2f6696;
}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    width: 100%;
    padding: 20px 26px !important;
    font-size: 24px;
    background-color: #2c721b !important;
}

.warranty_alert {
    background-color: #fff;
    padding: 10px 10px 10px 40px;
    display: inline-block;
    font-size: 14px;
    width: 101px;
    border-radius: 8px;
    font-weight: 600;
    position: absolute;
    color: #16380d;
    line-height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.42,3.83,12.24,2a1,1,0,0,0-.48,0L4.58,3.83A2,2,0,0,0,3.07,5.92l.42,5.51a12,12,0,0,0,7.24,10.11l.88.38a1,1,0,0,0,.78,0l.88-.38a12,12,0,0,0,7.24-10.11l.42-5.51A2,2,0,0,0,19.42,3.83Z' fill='%23669c35'/%3E%3Cpath d='M11,14a1,1,0,0,1-.71-.29l-2-2a1,1,0,0,1,1.42-1.42L11,11.59l3.29-3.3a1,1,0,0,1,1.42,1.42l-4,4A1,1,0,0,1,11,14Z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 10px 12px;
    left:20px;
}

.why-align {
    padding: 20px;
    background: #f5f5f0;
    border-radius: 12px;
}

.why-align h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0px 0px 20px 0px;
}

.why-align__item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.why-align__icon {
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-align__icon svg {
    width: 24px;
    height: 24px;
}

.why-align__text strong {
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
}

.why-align__text p {
    font-size: 14px;
    color: #555;
    margin: 0;
}

span.freeship {
    font-size: 14px;
    text-align: center;
    width: 100%;
    display: block;
    padding: 10px 0 0 0;
    overflow: hidden;
}

.woocommerce div.product form.cart {
     margin-bottom: 0px !important;
}

.reviews-section { padding: 1.5rem 0; }
.reviews-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 1.25rem; }
.reviews-header h2 { font-size: 18px; font-weight: 700; margin: 0; }
.reviews-header span { font-size: 13px; color: #888; }
.slider-wrapper { overflow: hidden; }
.slider-track { display: flex; transition: transform 0.35s ease; }
.review-card { flex: 0 0 100%; background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 1rem 1.25rem; box-sizing: border-box; }
.review-stars { color: #00b67a; font-size: 18px; margin-bottom: 0.5rem; letter-spacing: 2px; }
.review-text { font-size: 14px; line-height: 1.6; margin: 0 0 1rem; font-style: italic; }
.review-author { display: flex; align-items: center; gap: 10px; }
.author-avatar { width: 32px; height: 32px; border-radius: 50%; background: #f0f0f0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; color: #555; flex-shrink: 0; }
.author-name { font-size: 13px; color: #666; }
.pagination { display: flex !important; justify-content: center !important; gap: 6px !important; margin-top: 1rem !important; }
.dot { width: 7px; height: 7px; border-radius: 50%; background: #ddd; border: none; padding: 0; cursor: pointer; transition: background 0.2s; }
.dot.active { background: #222; }

@media (min-width: 600px) {
  .review-card { flex: 0 0 calc(33.333%); }
}

@media only screen and (max-width: 800px) {
    header .headermenu .menucart {
        display: block !important;
        font-size: 1.4rem;
        padding: 0pc;
        border-radius: 2px;
        margin: 3px 40px 0px 0px;
        min-width: auto;
        background: #fff;
        color: #000 !important;
    }

    header .menucart a {
    text-decoration: none;
    color: #b33d36 !important;
    font-size: 24px;
}

#cartajax {
    display: none;
}
}

@media (min-width: 1024px) {
    .reviews-section {
        float: left;
        width: 100%;
    }
    .woocommerce-product-details__short-description {
    float: left;
}

.why-align {
    float: right;
    border-radius: 12px;
    width: 400px;
}

.price-con {
    float: right;
    width: 400px;
}

    .woocommerce div.product .woocommerce-product-gallery__wrapper {
        position: relative;
        height: 580px;
        background: #e4eff6;
        border-radius: 12px;
        padding: 20px !important;
        overflow: hidden;
        text-align: center;
    }

.woocommerce div.product div.images img {
    height: 530px;
    object-fit: contain;
    mix-blend-mode: multiply;
}


.product-wrapper {
    overflow: hidden;
}

.tp-widget,
.product_title,
.woocommerce-product-details__short-description,
.woocommerce-tabs
{
    display: none;
}

    .tp-widget._desktop, 
    .product_title._desktop {
        display: block !important;
        width: 400px;
        float: right;
    }

    .woocommerce-product-details__short-description._desktop,
.product-gallery-wrapper_ .woocommerce-tabs {
        display: block !important;
    }

.product-wrapper {
    margin-top: 40px;
}

.slider-track {
    gap: 20px;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 40% !important;
    clear: none;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 100% !important;
}

.woocommerce div.product div.summary {
    margin-bottom: 1em !important;
}



.product-gallery-wrapper_ {
    display: block;
    width: 59%;
    float: left;
}

}


.accordion-trigger {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 14px 0;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    margin-top: -1px;
    color:#000;
}

.accordion-trigger:hover {
    background: transparent;
    color:#000;
}

.accordion-trigger .arrow {
    transition: transform 0.2s;
    width: 20px;
    font-size: 11px;
}

.accordion-trigger.open .arrow {
    transform: rotate(180deg);
}

.product-gallery-wrapper_ .woocommerce-tabs .tabs {
    display: none;
}

.product-gallery-wrapper_ .woocommerce-Tabs-panel {
    padding: 1rem 0;
}

.woocommerce-product-details__short-description._desktop,
#tab-description {
    font-size: 16px;
}

#tab-description h2 {
    font-size: 20px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: revert !important;
}

 @media (max-width: 1023px) {
    .product-gallery-wrapper_ .accordion-trigger, .tabs {
        display: none !important;
    }
}