/*
 * Tiptopweb stylesheet, loaded after the Venture theme and the plugins' CSS (Tiptopweb.Shop StylesheetViewComponent).
 * It holds every CSS change we make: the vendor files (Venture, SevenSpikes) stay as delivered.
 * Each block says which stock rule it changes, so the next Venture upgrade can re-check it (docs/customisations.md C18).
 */

/* C18: <strong> is bold again (Venture: font-weight normal) */
strong {
    font-weight: bold;
}

/* C18: product boxes show a long price in full (Venture: max-height 20px), with a smaller old price (Venture: 14px) */
.item-box .prices .box-prices-wrapper {
    max-height: none;
}

.item-box .old-price {
    font-size: 12px;
}

/* C18: product page, a shorter breadcrumb (Venture: max-height 80px) and no padding under the product */
.product-details-page-body .breadcrumb {
    max-height: 40px;
}

.product-essential-wrapper {
    padding-bottom: 0;
}

.full-description img {
    height: auto;
}

/* C18: no manufacturer on product pages, simple or grouped (Venture's _ProductManufacturers partial) */
.product-details-page .overview .manufacturers {
    display: none;
}

/* C18: HTML pasted into 386 product descriptions carries this hidden helper of an old editor */
#TMPwmHiddenDiv {
    display: none;
}

/* C9: the wishlist page's "Download PDF" button, with Venture's download icon */
.wishlist-content .download-wishlist-button {
    padding: 15px 30px 15px 50px;
    background-image: url(/Themes/Venture/Content/img/DownloadableProd.svg);
    background-repeat: no-repeat;
    background-position: left 23px top 18.5px;
}

/* C14: checkout notes (Tiptopweb.Shop CheckoutNote widget and the Venture checkout overrides) */
.checkout-note.authority-to-leave {
    padding-bottom: 20px;
}

.checkout-note.pickup-hint {
    padding-top: 10px;
}

.checkout-attributes .redelivery-fee {
    margin-top: 1em;
}

/* C14: the checkout attribute checkboxes ("Authority to leave") in black (Venture: #909090) */
.checkout-attributes .option-list input[type='checkbox'] ~ label {
    color: #000000;
}

/* C14: "Pickup in store" isn't styled like "Ship to the same address" (Venture styles both) */
.pickup-in-store {
    color: unset;
    text-transform: unset;
    font-size: unset;
    line-height: unset;
    font-family: unset;
    text-align: unset;
}

/* C14: one-page checkout continues with the step's own button, not the pickup points' "Next" */
.opc #pickup-points-form .buttons {
    display: none;
}

/* C14: wider shipping and payment method lists (Venture: max-width 450px) */
.section.shipping-method {
    max-width: 540px;
}

.section.payment-method {
    max-width: 520px;
}

/* C14 (#98): payment logos at their own 166px, as on 4.50 (Venture 4.90 styles.css and 768.css: max-width 53px) */
.payment-method .payment-logo {
    max-width: 166px;
}

@media all and (min-width: 768px) {
    /* C14: room for the payment description next to its logo (Venture 768.css: calc(100% - 80px)) */
    .payment-method .payment-details {
        max-width: calc(100% - 190px);
    }
}

/* C18: the header menu's dropdowns touch the menu (Venture 1200.css and MegaMenu.css: padding-top 19px) */
@media all and (min-width: 1201px) {
    .header-menu .sublist-wrap {
        padding: 0;
    }

    /* a third-level flyout lines up with its item again (Venture: top -19px, to offset the padding) */
    .header-menu .sublist-wrap .sublist-wrap {
        top: 0;
    }

    .mega-menu .dropdown {
        padding: 0;
        z-index: 2;
    }
}

/* C18: footer banners, a row of three on every page (AnywhereSliders: table cells) */
@media all and (min-width: 1201px) {
    .home-page-footer-banners {
        display: block;
    }

    .home-page-footer-banners .slider-wrapper {
        display: inline-block;
        width: 33%;
    }
}

/* C18: footer, the payment logos under the copyright and no mobile phone line */
.footer-lower .payment-logos img {
    max-width: 300px;
}

.footer .find-us .mobile-phone {
    display: none;
}

.footer-map-holder .title {
    z-index: 99;
}

/* C4: banner for visitors from the other Shop's country */
.country-panel {
    width: 100%;
    background-color: #000000;
    border-top: 8px solid #f3cc2e;
    border-bottom: 8px solid #f3cc2e;
    text-align: center;
}

.country-panel img {
    display: inline-block;
    max-width: 100%;
}

/* Shop notice: a Topic's body, usually one strip image */
.shop-notice {
    width: 100%;
    text-align: center;
}

.shop-notice img {
    display: inline-block;
    max-width: 100%;
}

/* C14: bank details on the Completed page */
.bank-panel {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #f3cc2e;
    color: #000000;
}