/* Magiczny Arsenał - wygląd zachowany z OpenCart 2 */

body {
    font-size: 15px;
    background-image: url('../image/bgc.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

.thumbnail {
    padding: 12px 0;
}

.cc .container:first-child {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    padding-left: 0;
    padding-right: 0;
}

#column-left, #content {
    padding-left: 30px;
}

h3 {
    color: #fff;
}

.product-thumb {
    background-color: #fff;
}

/* Magiczny Arsenał - wyszukiwarka */

#search {
    margin-bottom: 10px;
}

#search input {
    height: 34px;
    background: #ffffff;
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
}

#search .input-group-btn button {
    height: 34px;
    border-radius: 0;
    background: linear-gradient(to bottom, #444, #222);
    border: 1px solid #111;
    color: #fff;
}

#search .input-group-btn button:hover {
    background: #111;
}

/* Magiczny Arsenał - koszyk */

#cart {
    margin-bottom: 10px;
}

#cart > .btn {
    height: 34px;
    width: 100%;
    background: linear-gradient(to bottom, #444, #222);
    border: 1px solid #111;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    text-shadow: 0 1px 0 #000;
}

#cart > .btn:hover,
#cart.open > .btn {
    background: #222;
    color: #fff;
}

#cart .dropdown-menu {
    background-color: #fff;
    color: #333;
}


/* Magiczny Arsenał - większe logo */
#logo {
    padding: 4px 0;
}

#logo img {
    max-height: 70px;
    width: auto;
}

@media (min-width: 992px) {
    #logo img {
        max-height: 85px;
    }
}

/* Magiczny Arsenał - korekta logo i nagłówka */
@media (min-width: 768px) {
    header #logo {
        padding: 0;
    }

    header #logo img {
        width: 100%;
        max-width: 300px;
        max-height: none;
        height: auto;
    }
}


/* Magiczny Arsenał - oryginalny nagłówek */
header #logo {
    padding: 0;
    margin: 0 0 10px 0;
}

header #logo img {
    width: auto;
    max-width: 100%;
    max-height: none;
    height: auto;
}


/* Magiczny Arsenał - ukrycie dolnej stopki */
footer {
    display: none !important;
}


/* Magiczny Arsenał - wyszukiwarka na niebieskim pasku */
@media (min-width: 768px) {
    #menu {
        position: relative;
        padding-right: 220px;
    }

    #menu .magic-search {
        position: absolute;
        right: 8px;
        top: 3px;
        width: 205px;
    }

    #menu .magic-search #search {
        margin: 0;
    }

    #menu .magic-search #search input,
    #menu .magic-search #search button {
        height: 28px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    #menu .magic-search {
        padding: 8px 12px;
    }

    #menu .magic-search #search {
        margin: 0;
    }
}

/* Magiczny Arsenał - półprzezroczyste tło podstron */

body:not(#common-home) #content,
body:not(#common-home) #column-left,
body:not(#common-home) #column-right {
    background: rgba(255, 255, 255, 0.88);
}

/* Wspólne tło dla obszaru zawartości kategorii i produktów */
body#product-category #content,
body#product-product #content,
body#product-search #content,
body#information-information #content {
    background: rgba(255, 255, 255, 0.88);
    padding: 15px;
    border-radius: 5px;
}

/* Panel boczny kategorii */
body#product-category #column-left {
    background: rgba(255, 255, 255, 0.88);
    padding: 15px;
    border-radius: 5px;
}

/* Czytelność nagłówków na jasnym tle */
body:not(#common-home) #content h1,
body:not(#common-home) #content h2,
body:not(#common-home) #content h3 {
    color: #444;
}


/* Magiczny Arsenał - wyrównanie półprzezroczystego tła na podstronach */
#product-category .container > .row,
#product-product .container > .row,
#information-information .container > .row,
#product-manufacturer-info .container > .row,
#information-contact .container > .row,
#checkout-cart .container > .row,
#account-login .container > .row,
#account-register .container > .row,
#account-account .container > .row {
    background: rgba(255,255,255,0.88);
    box-shadow: 0 0 70px rgba(0,0,0,.30);
    border-radius: 6px;
    margin-left: 0;
    margin-right: 0;
    padding: 15px 15px 25px 15px;
}

#product-category #column-left,
#product-category #content,
#product-product #column-left,
#product-product #content,
#information-information #column-left,
#information-information #content,
#product-manufacturer-info #column-left,
#product-manufacturer-info #content,
#information-contact #column-left,
#information-contact #content,
#checkout-cart #column-left,
#checkout-cart #content,
#account-login #column-left,
#account-login #content,
#account-register #column-left,
#account-register #content,
#account-account #column-left,
#account-account #content {
    margin-top: 0;
    padding-top: 0;
}

#product-category .breadcrumb,
#product-product .breadcrumb,
#information-information .breadcrumb,
#product-manufacturer-info .breadcrumb,
#information-contact .breadcrumb,
#checkout-cart .breadcrumb,
#account-login .breadcrumb,
#account-register .breadcrumb,
#account-account .breadcrumb {
    margin-bottom: 15px;
}

/* Magiczny Arsenał - wspólne tło kategorii */

body#product-category > .container > .row {
    background: rgba(255, 255, 255, 0.88) !important;
    border-radius: 6px;
    box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
    padding: 15px 0 25px;
    margin-left: 0;
    margin-right: 0;
    display: flow-root;
}

/* Usuwamy osobne tła lewej kolumny i produktów */
body#product-category #column-left,
body#product-category #content {
    background: transparent !important;
    border-radius: 0 !important;
}

/* Przywracamy odstępy wewnątrz wspólnego panelu */
body#product-category #column-left {
    padding: 0 15px !important;
}

body#product-category #content {
    padding: 0 15px !important;
}


/* Magiczny Arsenał - wspólne tło podstron */

/* Jeden panel obejmujący menu i produkty */
#product-category.container > .row {
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    padding-top: 15px;
    padding-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
}

/* Bez osobnego tła lewej kolumny */
#product-category #column-left,
#product-category #content {
    background: transparent !important;
    border-radius: 0 !important;
}

/* Wyrównanie szerokości kolumn */
#product-category #column-left {
    padding: 0 15px !important;
}

#product-category #content {
    padding: 0 15px !important;
}

/* Zachowanie układu na telefonach */
@media (max-width: 767px) {
    #product-category.container > .row {
        padding: 15px 0;
    }
}


/* Magiczny Arsenał - ukrycie przycisków pod produktami */
.product-thumb .button-group {
    display: none !important;
}


/* Magiczny Arsenał - ukrycie koszyka na stronie produktu */
#product-product #product #input-quantity,
#product-product #product label[for="input-quantity"],
#product-product #product #button-cart,
#product-product #product #button-cart + br {
    display: none !important;
}

/* Ukrycie całej sekcji ilości, jeśli przeglądarka obsługuje :has() */
#product-product #product .form-group:has(#input-quantity),
#product-product #product .form-group:has(#button-cart) {
    display: none !important;
}