/* =========================================================
   MRCO / Breeze Dark Theme Fix Pack
   ========================================================= */

/*
Google font - Graduate
*/

@import url('https://fonts.googleapis.com/css2?family=Graduate&display=swap');


h1,
h2,
h3,
h4,
.page-title,
.product-item-name,
.product.name.product-item {
    font-family: 'Graduate', serif !important;
}

/* =====================================================
   Header navigation
   ===================================================== */

.navigation .level0 > a,
.navigation .level-top,
.header.content .navigation a {
    font-family: 'Graduate', serif !important;
    letter-spacing: 1px;
}


body {
    outline: 5px solid red !important;
}


/* =====================================================
   Category titles
   ===================================================== */

.category-title,
.block-title,
.sidebar .block-title {
    font-family: 'Graduate', serif !important;
}


/* =====================================================
   Footer headings
   ===================================================== */

.footer .block-title,
.footer h3,
.footer h4 {
    font-family: 'Graduate', serif !important;
}



.navigation a,
.page-title {
    text-transform: uppercase;
    letter-spacing: 1.5px;
}


.footer .links li a {
    font-family: 'Graduate', serif !important;
    letter-spacing: 1px;
}


/* -------- 1. Perusvärit -------- */

body,
.page-wrapper,
.page-main,
.columns,
.column.main {
    background: #121212 !important;
    color: #e5e5e5 !important;
}

.page-header,
.header.content,
.nav-sections,
.page-footer,
.footer.content {
    background: #121212 !important;
    color: #e5e5e5 !important;
}

a {
    color: #ffd100 !important;
}

a:hover,
a:focus {
    color: #ffea55 !important;
    text-decoration: none;
}

/* otsikot */
h1, h2, h3, h4, h5, h6,
.page-title,
.page-title span,
.block-title,
.block-title strong,
.subtitle,
legend,
label {
    color: #ffffff !important;
}

/* yleiset borderit */
hr,
fieldset,
.block,
.box,
.table-wrapper,
.product-item,
.abs-account-blocks .block,
.cart-container .form-cart,
.opc-block-summary,
.checkout-payment-method,
.checkout-shipping-address,
.checkout-billing-address,
.modal-inner-wrap {
    border-color: #2a2a2a !important;
}

/* -------- 2. Header / top linkit -------- */

.page-header a,
.header.content a,
.header.links a,
.header.links span,
.authorization-link a,
.customer-welcome .customer-name,
.customer-menu .header.links a,
.switcher .options .action.toggle,
.minicart-wrapper .action.showcart,
.logo + * a {
    color: #ffd100 !important;
}

.page-header a:hover,
.header.content a:hover,
.header.links a:hover,
.authorization-link a:hover,
.customer-menu .header.links a:hover,
.customer-welcome .customer-name:hover,
.switcher .options .action.toggle:hover,
.minicart-wrapper .action.showcart:hover {
    color: #ffea55 !important;
}

/* dropdownit headerissa */
.customer-menu .header.links,
.customer-menu .header.links li,
.customer-menu .block-content,
.customer-welcome .customer-menu,
.switcher .options .dropdown,
.navigation .submenu {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

.customer-menu .header.links a,
.switcher .options .dropdown a,
.navigation .submenu a {
    color: #ffffff !important;
}

.customer-menu .header.links a:hover,
.switcher .options .dropdown a:hover,
.navigation .submenu a:hover {
    color: #ffd100 !important;
}

/* -------- 3. Lomakkeet -------- */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="search"],
select,
textarea {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
}

input::placeholder,
textarea::placeholder {
    color: #9a9a9a !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #ffd100 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* -------- 4. Napit -------- */

.action.primary,
button.primary,
button.action.primary,
a.action.primary {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #000000 !important;
}

.action.primary:hover,
button.primary:hover,
button.action.primary:hover,
a.action.primary:hover {
    background: #ffea55 !important;
    border-color: #ffea55 !important;
    color: #000000 !important;
}

.action.secondary,
.action.action-show,
.action-edit,
.action.delete,
.action.towishlist,
.action.tocompare {
    color: #ffd100 !important;
    border-color: #444 !important;
}

.action.secondary:hover,
.action.action-show:hover,
.action-edit:hover,
.action.delete:hover,
.action.towishlist:hover,
.action.tocompare:hover {
    color: #ffea55 !important;
}

/* -------- 5. Blockit / sidebar -------- */

.block,
.sidebar .block,
.block-content,
.block-collapsible-nav,
.abs-account-blocks .block,
.account .column.main .block {
    background: #151515 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.block-title,
.block-title strong,
.block .title,
.block .subtitle,
.block .label {
    color: #ffffff !important;
}

.block .counter {
    color: #ffd100 !important;
}

/* -------- 6. Wishlist + miniwishlist -------- */

.block-wishlist,
.block-wishlist .block-content,
.products-grid.wishlist,
#wishlist-sidebar,
#wishlist-sidebar .product-item,
#wishlist-sidebar .product-item-info {
    background: #151515 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.block-wishlist .block-title,
.block-wishlist .block-title strong,
.block-wishlist .subtitle,
.block-wishlist .counter {
    color: #ffffff !important;
}

.block-wishlist .counter {
    color: #ffd100 !important;
}

.block-wishlist .product-item-name,
.block-wishlist .product-item-name a,
.block-wishlist .product-item-link,
.block-wishlist .product-item-name span,
.products-grid.wishlist .product-item-name a {
    color: #ffffff !important;
}

.block-wishlist .product-item-name a:hover,
.block-wishlist .product-item-link:hover,
.products-grid.wishlist .product-item-name a:hover {
    color: #ffd100 !important;
}

.block-wishlist .price,
.block-wishlist .price-container,
.block-wishlist .price-box,
.products-grid.wishlist .price {
    color: #e5e5e5 !important;
}

.block-wishlist .product-item,
.products-grid.wishlist .product-item {
    background: #151515 !important;
    border: 1px solid #2a2a2a !important;
}

.block-wishlist .product-item-info,
.products-grid.wishlist .product-item-info {
    border-color: #2a2a2a !important;
}

.block-wishlist input.qty,
.products-grid.wishlist input.qty {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
}

.block-wishlist .action.tocart,
.products-grid.wishlist .action.tocart {
    background: #ffd100 !important;
    color: #000 !important;
    border: 1px solid #ffd100 !important;
}

.block-wishlist .action.tocart:hover,
.products-grid.wishlist .action.tocart:hover {
    background: #ffea55 !important;
    border-color: #ffea55 !important;
    color: #000 !important;
}

/* -------- 7. Minicart -------- */

.minicart-wrapper .block-minicart,
.minicart-wrapper .block-minicart .items-total,
.minicart-wrapper .block-minicart .subtotal,
.minicart-wrapper .block-minicart .block-content,
.minicart-wrapper .block-minicart .product-item,
.minicart-wrapper .block-minicart .product.options {
    background: #151515 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.minicart-wrapper .block-minicart .product-item-name a,
.minicart-wrapper .block-minicart .product-item-details a,
.minicart-wrapper .block-minicart .action.viewcart {
    color: #ffffff !important;
}

.minicart-wrapper .block-minicart .product-item-name a:hover,
.minicart-wrapper .block-minicart .product-item-details a:hover,
.minicart-wrapper .block-minicart .action.viewcart:hover {
    color: #ffd100 !important;
}

.minicart-wrapper .price {
    color: #e5e5e5 !important;
}

/* -------- 8. Tuotekortit / listaukset -------- */

.product-item-info,
.product-item-details,
.products-grid .product-item,
.products-list .product-item,
.product.info.detailed,
.product.data.items {
    background: #151515 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.product-item-name a,
.product.name a,
.product-item-link,
.product-item .product-item-link {
    color: #ffffff !important;
}

.product-item-name a:hover,
.product.name a:hover,
.product-item-link:hover {
    color: #ffd100 !important;
}

.price-box,
.price-container,
.price {
    color: #e5e5e5 !important;
}

/* -------- 9. Navigation / layered nav -------- */

.navigation,
.navigation ul,
.navigation li,
.navigation .level0,
.navigation .level1,
.filter,
.filter-options,
.filter-options-content,
.filter-current,
.filter-actions {
    background: #121212 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.navigation a,
.filter a,
.filter-options-title {
    color: #ffffff !important;
}

.navigation a:hover,
.filter a:hover,
.filter-options-title:hover {
    color: #ffd100 !important;
}

/* -------- 10. Checkout -------- */

.checkout-index-index,
.checkout-index-index .page-wrapper,
.checkout-index-index .column.main,
.checkout-index-index .checkout-container,
.checkout-index-index .opc-wrapper,
.checkout-index-index .opc-sidebar,
.checkout-index-index .opc-block-summary,
.checkout-index-index .checkout-payment-method,
.checkout-index-index .checkout-shipping-address,
.checkout-index-index .checkout-billing-address,
.checkout-index-index .payment-method,
.checkout-index-index .shipping-address-item,
.checkout-index-index .table-checkout-shipping-method,
.checkout-index-index .methods-shipping,
.checkout-index-index .items-in-cart,
.checkout-index-index .form-login,
.checkout-index-index .form-shipping-address {
    background: #121212 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.checkout-index-index .step-title,
.checkout-index-index .opc-block-summary > .title,
.checkout-index-index .title,
.checkout-index-index .legend,
.checkout-index-index label,
.checkout-index-index th,
.checkout-index-index td {
    color: #ffffff !important;
}

.checkout-index-index .price,
.checkout-index-index .amount,
.checkout-index-index .totals,
.checkout-index-index .mark,
.checkout-index-index .value {
    color: #e5e5e5 !important;
}

.checkout-index-index input[type="radio"] + label,
.checkout-index-index input[type="checkbox"] + label {
    color: #ffffff !important;
}

/* radio / checkbox peruskorjaus */
.checkout-index-index input[type="radio"],
.checkout-index-index input[type="checkbox"] {
    accent-color: #ffd100;
}

/* jos käytössä pseudo-elementeillä tehty radio */
.checkout-index-index .radio + label:before,
.checkout-index-index input.radio + label:before,
.checkout-index-index input[type="radio"] + label:before {
    border: 2px solid #ffd100 !important;
    background: #121212 !important;
}

.checkout-index-index .radio:checked + label:after,
.checkout-index-index input.radio:checked + label:after,
.checkout-index-index input[type="radio"]:checked + label:after {
    background: #ffd100 !important;
}

/* taulukot checkoutissa */
.checkout-index-index table,
.checkout-index-index tr,
.checkout-index-index td,
.checkout-index-index th {
    border-color: #2a2a2a !important;
}

/* -------- 11. My account / login / register -------- */

.customer-account-login,
.customer-account-create,
.customer-account-forgotpassword,
.customer-account-index,
.sales-order-history,
.wishlist-index-index {
    background: #121212 !important;
    color: #e5e5e5 !important;
}

.customer-account-login .block,
.customer-account-create .block,
.customer-account-login .fieldset,
.customer-account-create .fieldset,
.customer-account-index .block-dashboard-info,
.customer-account-index .block-dashboard-addresses,
.sales-order-history .table-wrapper,
.wishlist-index-index .products-grid {
    background: #151515 !important;
    border-color: #2a2a2a !important;
    color: #e5e5e5 !important;
}

.customer-account-login .page-title,
.customer-account-create .page-title,
.customer-account-login .block-title strong,
.customer-account-create .block-title strong,
.customer-account-login label,
.customer-account-create label {
    color: #ffffff !important;
}

/* -------- 12. Taulukot -------- */

table,
table th,
table td,
.data.table th,
.data.table td {
    background: transparent !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

table a,
.data.table a {
    color: #ffd100 !important;
}

table a:hover,
.data.table a:hover {
    color: #ffea55 !important;
}

/* -------- 13. Viestit -------- */

.message,
.message-success,
.message-error,
.message-notice,
.message-warning {
    border-color: #333 !important;
    color: #ffffff !important;
}

.message-success {
    background: #16301d !important;
}

.message-error {
    background: #3a1717 !important;
}

.message-notice,
.message-warning {
    background: #3a3117 !important;
}

/* -------- 14. Modaalit / popupit -------- */

.modal-inner-wrap,
.modal-content,
.authentication-wrapper,
.authentication-dropdown,
.popup-authentication {
    background: #151515 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.modal-title,
.authentication-wrapper .title {
    color: #ffffff !important;
}

/* -------- 15. Breadcrumbs / pager / toolbar -------- */

.breadcrumbs,
.toolbar,
.pages,
.limiter,
.sorter,
.modes {
    background: transparent !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.breadcrumbs a,
.pages a,
.toolbar a {
    color: #ffd100 !important;
}

.breadcrumbs a:hover,
.pages a:hover,
.toolbar a:hover {
    color: #ffea55 !important;
}


/* =========================================================
   Generic dark fix for Magento / Breeze dropdown dialogs
   ========================================================= */

.ui-dialog.mage-dropdown-dialog {
    background: #151515 !important;
    color: #e5e5e5 !important;
    border: 1px solid #2a2a2a !important;
    box-shadow: none !important;
}

/* sisäiset lohkot */
.ui-dialog.mage-dropdown-dialog .block,
.ui-dialog.mage-dropdown-dialog .block-content,
.ui-dialog.mage-dropdown-dialog .block-title,
.ui-dialog.mage-dropdown-dialog .actions,
.ui-dialog.mage-dropdown-dialog .content,
.ui-dialog.mage-dropdown-dialog .items-total,
.ui-dialog.mage-dropdown-dialog .subtotal,
.ui-dialog.mage-dropdown-dialog .minicart-items-wrapper,
.ui-dialog.mage-dropdown-dialog .product-item,
.ui-dialog.mage-dropdown-dialog .product-item-details,
.ui-dialog.mage-dropdown-dialog .product.options,
.ui-dialog.mage-dropdown-dialog .details-qty,
.ui-dialog.mage-dropdown-dialog .secondary,
.ui-dialog.mage-dropdown-dialog .primary {
    background: #151515 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
    box-shadow: none !important;
}

/* tekstit */
.ui-dialog.mage-dropdown-dialog strong,
.ui-dialog.mage-dropdown-dialog span,
.ui-dialog.mage-dropdown-dialog .text,
.ui-dialog.mage-dropdown-dialog .subtitle,
.ui-dialog.mage-dropdown-dialog .label,
.ui-dialog.mage-dropdown-dialog .qty,
.ui-dialog.mage-dropdown-dialog .count,
.ui-dialog.mage-dropdown-dialog .price,
.ui-dialog.mage-dropdown-dialog dt,
.ui-dialog.mage-dropdown-dialog dd {
    color: #e5e5e5 !important;
}

/* linkit ja actionit */
.ui-dialog.mage-dropdown-dialog a,
.ui-dialog.mage-dropdown-dialog .action {
    color: #ffffff !important;
}

.ui-dialog.mage-dropdown-dialog a:hover,
.ui-dialog.mage-dropdown-dialog .action:hover {
    color: #ffd100 !important;
}

/* napit */
.ui-dialog.mage-dropdown-dialog .action.primary,
.ui-dialog.mage-dropdown-dialog button.primary,
.ui-dialog.mage-dropdown-dialog .action.primary.checkout,
.ui-dialog.mage-dropdown-dialog .action.checkout {
    background: #ffd100 !important;
    color: #000000 !important;
    border: 1px solid #ffd100 !important;
    box-shadow: none !important;
}

.ui-dialog.mage-dropdown-dialog .action.primary:hover,
.ui-dialog.mage-dropdown-dialog button.primary:hover,
.ui-dialog.mage-dropdown-dialog .action.primary.checkout:hover,
.ui-dialog.mage-dropdown-dialog .action.checkout:hover {
    background: #ffea55 !important;
    border-color: #ffea55 !important;
    color: #000000 !important;
}

/* inputit */
.ui-dialog.mage-dropdown-dialog input,
.ui-dialog.mage-dropdown-dialog select,
.ui-dialog.mage-dropdown-dialog textarea {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
}

.ui-dialog.mage-dropdown-dialog input:focus,
.ui-dialog.mage-dropdown-dialog select:focus,
.ui-dialog.mage-dropdown-dialog textarea:focus {
    border-color: #ffd100 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* listat ja rivit */
.ui-dialog.mage-dropdown-dialog ol,
.ui-dialog.mage-dropdown-dialog ul,
.ui-dialog.mage-dropdown-dialog li {
    border-color: #2a2a2a !important;
}

/* minicart-tyyppiset item-rivit */
.ui-dialog.mage-dropdown-dialog .product-item {
    border-bottom: 1px solid #2a2a2a !important;
}

.ui-dialog.mage-dropdown-dialog .product-item:last-child {
    border-bottom: 0 !important;
}

/* sulkunappi ja muut icon-linkit */
.ui-dialog.mage-dropdown-dialog .action.close,
.ui-dialog.mage-dropdown-dialog .action.delete,
.ui-dialog.mage-dropdown-dialog .action.edit,
.ui-dialog.mage-dropdown-dialog .action.viewcart {
    color: #ffffff !important;
}

.ui-dialog.mage-dropdown-dialog .action.close:hover,
.ui-dialog.mage-dropdown-dialog .action.delete:hover,
.ui-dialog.mage-dropdown-dialog .action.edit:hover,
.ui-dialog.mage-dropdown-dialog .action.viewcart:hover {
    color: #ffd100 !important;
}

/* varmistus: kaikki valkoiset reunat pois */
.ui-dialog.mage-dropdown-dialog,
.ui-dialog.mage-dropdown-dialog *,
.ui-dialog.mage-dropdown-dialog *:before,
.ui-dialog.mage-dropdown-dialog *:after {
    border-color: #2a2a2a !important;
}


/* =========================================================
   Checkout shipping methods dark theme
   ========================================================= */

.checkout-index-index .table-checkout-shipping-method {
    background: #151515 !important;
    border: 1px solid #2a2a2a !important;
}

.checkout-index-index .table-checkout-shipping-method tr {
    background: #151515 !important;
    border-bottom: 1px solid #2a2a2a !important;
}

.checkout-index-index .table-checkout-shipping-method td {
    background: #151515 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

.checkout-index-index .table-checkout-shipping-method .col {
    color: #e5e5e5 !important;
}

.checkout-index-index .table-checkout-shipping-method .method-title {
    color: #ffffff !important;
}

/* radio nappi */
.checkout-index-index input[type="radio"] {
    accent-color: #ffd100;
}

/* label tekstit */
.checkout-index-index input[type="radio"] + label,
.checkout-index-index .table-checkout-shipping-method label {
    color: #ffffff !important;
}

/* hover */
.checkout-index-index .table-checkout-shipping-method tr:hover {
    background: #1a1a1a !important;
}

/* =========================================================
   Checkout shipping methods dark fix
   ========================================================= */

.checkout-index-index .checkout-shipping-method,
.checkout-index-index #checkout-step-shipping_method,
.checkout-index-index .methods-shipping,
.checkout-index-index #checkout-shipping-method-load {
    background: #151515 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

/* otsikko */
.checkout-index-index .checkout-shipping-method .step-title {
    color: #ffffff !important;
}

/* itse taulukko */
.checkout-index-index .table-checkout-shipping-method {
    background: #151515 !important;
    border: 1px solid #2a2a2a !important;
}

.checkout-index-index .table-checkout-shipping-method thead,
.checkout-index-index .table-checkout-shipping-method tbody,
.checkout-index-index .table-checkout-shipping-method tr,
.checkout-index-index .table-checkout-shipping-method th,
.checkout-index-index .table-checkout-shipping-method td,
.checkout-index-index .table-checkout-shipping-method .col {
    background: #151515 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

/* rivien hover */
.checkout-index-index .table-checkout-shipping-method tbody tr:hover {
    background: #1a1a1a !important;
}

.checkout-index-index .table-checkout-shipping-method tbody tr:hover td {
    background: #1a1a1a !important;
}

/* valittu toimitusrivi */
.checkout-index-index .table-checkout-shipping-method tbody tr.selected,
.checkout-index-index .table-checkout-shipping-method tbody tr._active {
    background: #1a1a1a !important;
}

.checkout-index-index .table-checkout-shipping-method tbody tr.selected td,
.checkout-index-index .table-checkout-shipping-method tbody tr._active td {
    background: #1a1a1a !important;
}


/*
body {
    outline: 5px solid red !important;
}
*/

/* radio */
.checkout-index-index .table-checkout-shipping-method input[type="radio"],
.checkout-index-index .methods-shipping input[type="radio"] {
    accent-color: #ffd100;
}

/* jos Breeze piirtää radion pseudo-elementeillä */
.checkout-index-index .table-checkout-shipping-method input[type="radio"] + label:before,
.checkout-index-index .methods-shipping input[type="radio"] + label:before,
.checkout-index-index .table-checkout-shipping-method .radio + label:before,
.checkout-index-index .methods-shipping .radio + label:before {
    border: 2px solid #ffd100 !important;
    background: #121212 !important;
}

.checkout-index-index .table-checkout-shipping-method input[type="radio"]:checked + label:after,
.checkout-index-index .methods-shipping input[type="radio"]:checked + label:after,
.checkout-index-index .table-checkout-shipping-method .radio:checked + label:after,
.checkout-index-index .methods-shipping .radio:checked + label:after {
    background: #ffd100 !important;
}

/* hinnat ja tekstit */
.checkout-index-index .table-checkout-shipping-method .price,
.checkout-index-index .table-checkout-shipping-method .price span,
.checkout-index-index .table-checkout-shipping-method .col-method,
.checkout-index-index .table-checkout-shipping-method .col-carrier,
.checkout-index-index .table-checkout-shipping-method .col-price {
    color: #e5e5e5 !important;
}

/* jatka-painikkeen alue */
.checkout-index-index #shipping-method-buttons-container,
.checkout-index-index #shipping-method-buttons-container .primary {
    background: transparent !important;
    border-color: #2a2a2a !important;
}


/* =========================================================
   Checkout step navigation dark fix
   ========================================================= */

.checkout-index-index .opc-progress-bar-item span,
.checkout-index-index .opc-progress-bar-item > span,
.checkout-index-index .opc-progress-bar-item a,
.checkout-index-index .opc-progress-bar-item {
    color: #ffffff !important;
}

/* aktiivinen vaihe */
.checkout-index-index .opc-progress-bar-item._active span,
.checkout-index-index .opc-progress-bar-item._active a {
    color: #ffd100 !important;
}

/* vaiheiden väliset viivat */
.checkout-index-index .opc-progress-bar-item:before {
    background: #2a2a2a !important;
}

/* aktiivinen progress */
.checkout-index-index .opc-progress-bar-item._active:before {
    background: #ffd100 !important;
}

/* itse step-title (Shipping / Payment otsikko) */
.checkout-index-index .step-title {
    color: #ffffff !important;
}

/* jos Breeze tekee niistä linkkejä */
.checkout-index-index .step-title a {
    color: #ffffff !important;
}

.checkout-index-index .step-title a:hover {
    color: #ffd100 !important;
}










/*
body {
    outline: 5px solid red !important;
}
*/


/* =========================================================
   Checkout shipping selection highlight
   ========================================================= */

/* kaikki rivit vähän korttimaisiksi */
.checkout-index-index .table-checkout-shipping-method tbody tr {
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

/* hover */
.checkout-index-index .table-checkout-shipping-method tbody tr:hover,
.checkout-index-index .table-checkout-shipping-method tbody tr:hover td {
    background: #1d1d1d !important;
}

/* valittu radio näkyvämmäksi */
.checkout-index-index .table-checkout-shipping-method input[type="radio"] {
    accent-color: #ffd100;
    transform: scale(1.15);
}

/* jos radio on valittu, sen solu erottuu */
.checkout-index-index .table-checkout-shipping-method input[type="radio"]:checked {
    outline: 2px solid #ffd100;
    outline-offset: 2px;
    border-radius: 50%;
}

/* valitun rivin tekstit kirkkaammiksi jos class tulee mukaan */
.checkout-index-index .table-checkout-shipping-method tbody tr.selected,
.checkout-index-index .table-checkout-shipping-method tbody tr._active,
.checkout-index-index .table-checkout-shipping-method tbody tr.selected td,
.checkout-index-index .table-checkout-shipping-method tbody tr._active td {
    background: #1f1f1f !important;
    color: #ffffff !important;
}

/* hinta ja otsikot hieman kirkkaammiksi hover/selected-tilassa */
.checkout-index-index .table-checkout-shipping-method tbody tr:hover .price,
.checkout-index-index .table-checkout-shipping-method tbody tr.selected .price,
.checkout-index-index .table-checkout-shipping-method tbody tr._active .price,
.checkout-index-index .table-checkout-shipping-method tbody tr:hover .col-method,
.checkout-index-index .table-checkout-shipping-method tbody tr.selected .col-method,
.checkout-index-index .table-checkout-shipping-method tbody tr._active .col-method,
.checkout-index-index .table-checkout-shipping-method tbody tr:hover .col-carrier,
.checkout-index-index .table-checkout-shipping-method tbody tr.selected .col-carrier,
.checkout-index-index .table-checkout-shipping-method tbody tr._active .col-carrier {
    color: #ffffff !important;
}




/* Toimitustaparivin klikkaus helpommaksi */

.checkout-index-index .table-checkout-shipping-method tbody tr {
    cursor: pointer;
}

.checkout-index-index .table-checkout-shipping-method td.col-method {
    position: relative;
}

/* radion osuma-alue vähän isommaksi */
.checkout-index-index .table-checkout-shipping-method input[type="radio"] {
    transform: scale(1.2);
    cursor: pointer;
    position: relative;
    z-index: 3;
}

/* jos Breeze tekee custom-radion labelin before/after-elementeillä,
   ne eivät saa estää klikkausta */
.checkout-index-index .table-checkout-shipping-method .radio + label:before,
.checkout-index-index .table-checkout-shipping-method .radio + label:after,
.checkout-index-index .table-checkout-shipping-method input[type="radio"] + label:before,
.checkout-index-index .table-checkout-shipping-method input[type="radio"] + label:after {
    pointer-events: none !important;
}

.checkout-index-index .table-checkout-shipping-method .col.col-method {
    padding-left: 12px !important;
}
/*
body {
    outline: 5px solid red !important;
}
*/


/* Radio vain visuaaliseksi, valinta tehdään rivistä */

.checkout-index-index .table-checkout-shipping-method input[type="radio"],
.checkout-index-index .table-checkout-shipping-method input.radio {
    pointer-events: none !important;
}

.checkout-index-index .table-checkout-shipping-method tbody tr,
.checkout-index-index .table-checkout-shipping-method tbody td {
    cursor: pointer;
}


/* =====================================================
   CMS / forms - poista valkoiset laatikot ja reunat
   ===================================================== */

.cms-page-view .page-main .columns,
.cms-page-view .column.main,
.cms-page-view .form,
.cms-page-view form,
.cms-page-view fieldset,
.cms-page-view .fieldset {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* =====================================================
   Tilaukset ja palautukset / order search
   ===================================================== */

.form.orders-search,
.form-orders-search,
.orders-search,
.block.orders-search,
.sales-guest-form .form,
.sales-guest-form fieldset,
.sales-guest-form .fieldset {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
/* =====================================================
   Contact form
   ===================================================== */

.form.contact,
.form.contact .fieldset,
.form.contact fieldset,
.contact-index-index .form.contact,
.contact-index-index .fieldset,
.contact-index-index fieldset {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}



////
/* =====================================================
   Advanced Search - dark theme fix
   ===================================================== */

.catalogsearch-advanced-index .form.search.advanced,
.catalogsearch-advanced-index .form.search.advanced .fieldset,
.catalogsearch-advanced-index .form.search.advanced fieldset,
.catalogsearch-advanced-index .form.search.advanced .field,
.catalogsearch-advanced-index .form.search.advanced .control,
.catalogsearch-advanced-index .form.search.advanced .fields,
.catalogsearch-advanced-index .form.search.advanced .group,
.catalogsearch-advanced-index .form.search.advanced .addon {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* Advanced Search - test */
/*
.catalogsearch-advanced-index .form.search.advanced {
    outline: 4px solid red !important;
}
*/

/* =====================================================
   Advanced Search - dark theme fix
   ===================================================== */

.catalogsearch-advanced-index .form.search.advanced,
.catalogsearch-advanced-index .form.search.advanced .fieldset,
.catalogsearch-advanced-index .form.search.advanced fieldset,
.catalogsearch-advanced-index .form.search.advanced .field,
.catalogsearch-advanced-index .form.search.advanced .control,
.catalogsearch-advanced-index .form.search.advanced .fields,
.catalogsearch-advanced-index .form.search.advanced .group,
.catalogsearch-advanced-index .form.search.advanced .addon {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.catalogsearch-advanced-index .form.search.advanced input.input-text,
.catalogsearch-advanced-index .form.search.advanced input[type="text"],
.catalogsearch-advanced-index .form.search.advanced input[type="number"],
.catalogsearch-advanced-index .form.search.advanced textarea,
.catalogsearch-advanced-index .form.search.advanced select,
.catalogsearch-advanced-index .form.search.advanced .multiselect {
    background: #121212 !important;
    color: #f5f5f5 !important;
    border: 1px solid #3a3a3a !important;
    box-shadow: none !important;
}

.catalogsearch-advanced-index .form.search.advanced .label,
.catalogsearch-advanced-index .form.search.advanced .legend,
.catalogsearch-advanced-index .form.search.advanced .addafter {
    color: #f5f5f5 !important;
}

.catalogsearch-advanced-index .form.search.advanced input:focus,
.catalogsearch-advanced-index .form.search.advanced textarea:focus,
.catalogsearch-advanced-index .form.search.advanced select:focus {
    border-color: #ffd100 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #ffd100 !important;
}

.catalogsearch-advanced-index .form.search.advanced input:focus,
.catalogsearch-advanced-index .form.search.advanced textarea:focus,
.catalogsearch-advanced-index .form.search.advanced select:focus {
    border-color: #ffd100 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #ffd100 !important;
}













/* =====================================================
   DEBUG - Customer login layout
   ===================================================== */
/*
.customer-account-login .login-container {
    outline: 4px solid red !important;
}

.customer-account-login .block.block-customer-login {
    outline: 4px solid blue !important;
}

.customer-account-login .block.block-new-customer {
    outline: 4px solid green !important;
}

.customer-account-login .block-content {
    outline: 4px solid orange !important;
}

.customer-account-login .fieldset.login {
    outline: 4px solid purple !important;
}

.customer-account-login .form-login {
    outline: 4px solid cyan !important;
}

body {
    outline: 5px solid red !important;
}
*/

/* DEBUG login page containers */


.customer-account-login .columns,
.customer-account-login .column.main {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


body {
    outline: 5px solid red !important;
}


/*
.customer-account-login .page-main {
    outline: 4px solid yellow !important;
}

.customer-account-login .columns {
    outline: 4px solid red !important;
}*/
/*
.customer-account-login .column.main {
    outline: 4px solid cyan !important;
}
*/
/* =====================================================
   Customer login - poista valkoinen tausta columns-wrapperista
   ===================================================== */

/* =====================================================
   Customer login - dark layout fix
   ===================================================== */

.customer-account-login .page-main,
.customer-account-login .columns,
.customer-account-login .column.main,
.customer-account-login .login-container,
.customer-account-login .login-container .block,
.customer-account-login .login-container .block-content,
.customer-account-login .login-container .fieldset,
.customer-account-login .login-container fieldset {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}




/* =====================================================
   Create Account - dark layout fix
   ===================================================== */

.customer-account-create .page-main,
.customer-account-create .columns,
.customer-account-create .column.main,
.customer-account-create .form-create-account,
.customer-account-create .form-create-account .fieldset,
.customer-account-create .form-create-account fieldset,
.customer-account-create .form-create-account .field,
.customer-account-create .form-create-account .control {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


.customer-account-create .form-create-account input.input-text,
.customer-account-create .form-create-account input[type="text"],
.customer-account-create .form-create-account input[type="email"],
.customer-account-create .form-create-account input[type="password"],
.customer-account-create .form-create-account input[type="tel"],
.customer-account-create .form-create-account select {
    background: #121212 !important;
    color: #f5f5f5 !important;
    border: 1px solid #3a3a3a !important;
    box-shadow: none !important;
}

.customer-account-create .form-create-account input:focus,
.customer-account-create .form-create-account select:focus {
    border-color: #ffd100 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #ffd100 !important;
}

.customer-account-create .form-create-account .label,
.customer-account-create .form-create-account .legend,
.customer-account-create .form-create-account .note,
.customer-account-create .form-create-account .choice label,
.customer-account-create .page-title,
.customer-account-create .page-title span {
    color: #f5f5f5 !important;
}

.customer-account-create .form-create-account .action.primary,
.customer-account-create .form-create-account .action.submit,
.customer-account-create .form-create-account .action.create {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
    box-shadow: none !important;
}

.customer-account-create .form-create-account .action.primary:hover,
.customer-account-create .form-create-account .action.submit:hover,
.customer-account-create .form-create-account .action.create:hover {
    background: #ffde3b !important;
    border-color: #ffde3b !important;
    color: #111 !important;
}


body {
    outline: 5px solid red !important;
}




/* =====================================================
   Checkout success - dark theme
   ===================================================== */

.checkout-success,
.checkout-success .page-main,
.checkout-success .columns,
.checkout-success .column.main {
    background: #121212 !important;
    color: #f5f5f5 !important;
}


.checkout-success h1,
.checkout-success h2,
.checkout-success h3,
.checkout-success p,
.checkout-success span,
.checkout-success strong,
.checkout-success .order-number,
.checkout-success .checkout-success {
    color: #f5f5f5 !important;
}


.checkout-success h1,
.checkout-success h2,
.checkout-success h3,
.checkout-success p,
.checkout-success span,
.checkout-success strong,
.checkout-success .order-number,
.checkout-success .checkout-success {
    color: #f5f5f5 !important;
}

.checkout-success .action.primary,
.checkout-success .action.continue,
.checkout-success .primary a {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
    box-shadow: none !important;
}

.checkout-success .action.primary:hover,
.checkout-success .action.continue:hover,
.checkout-success .primary a:hover {
    background: #ffde3b !important;
    border-color: #ffde3b !important;
}


.checkout-success .action.primary,
.checkout-success .action.continue,
.checkout-success .primary a {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
    box-shadow: none !important;
}
/*register infobox*/
.checkout-success .action.primary:hover,
.checkout-success .action.continue:hover,
.checkout-success .primary a:hover {
    background: #ffde3b !important;
    border-color: #ffde3b !important;
}


.checkout-success .message-success {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    color: #f5f5f5 !important;
}


/* =====================================================
   Checkout - Continue button (Seuraava)
   ===================================================== */

.checkout-index-index button.action.continue.primary,
.checkout-index-index .action.continue.primary,
.checkout-index-index .primary button,
.checkout-index-index .button.action.continue {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
    box-shadow: none !important;
}


/* =====================================================
   Checkout - Continue button (Seuraava)
   ===================================================== */

.checkout-index-index button.action.continue.primary,
.checkout-index-index .action.continue.primary,
.checkout-index-index .primary button,
.checkout-index-index .button.action.continue {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
    box-shadow: none !important;
}


/* =====================================================
   Checkout - Continue button (Seuraava)
   ===================================================== */

.checkout-index-index button.action.continue.primary,
.checkout-index-index .action.continue.primary,
.checkout-index-index .primary button,
.checkout-index-index .button.action.continue {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
    box-shadow: none !important;
}





/* =====================================================
   Authentication (kirjaudu sisään / popup / linkit)
   ===================================================== */

.authentication-wrapper .action,
.authentication-wrapper .action.login,
.authentication-wrapper .action.primary,
.authentication-wrapper button,
.authentication-wrapper a.action {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
    box-shadow: none !important;
}

.authentication-wrapper .action:hover,
.authentication-wrapper .action.login:hover,
.authentication-wrapper .action.primary:hover,
.authentication-wrapper button:hover,
.authentication-wrapper a.action:hover {
    background: #ffde3b !important;
    border-color: #ffde3b !important;
    color: #111 !important;
}

.authentication-wrapper a {
    color: #ffd100 !important;
}

/* =====================================================
   Checkout - Seuraava nappi FIX
   ===================================================== */

.checkout-index-index .opc-wrapper .action.primary,
.checkout-index-index .opc-wrapper button.action.primary,
.checkout-index-index .opc-wrapper .button.action.continue,
.checkout-index-index .opc-wrapper .action.continue.primary {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
    box-shadow: none !important;
}



/* =====================================================
   Checkout - Seuraava nappi FIX
   ===================================================== */

.checkout-index-index .opc-wrapper .action.primary,
.checkout-index-index .opc-wrapper button.action.primary,
.checkout-index-index .opc-wrapper .button.action.continue,
.checkout-index-index .opc-wrapper .action.continue.primary {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
    box-shadow: none !important;
}


.checkout-index-index button {
    background: #ffd100 !important;
    color: #111 !important;
    border: 1px solid #ffd100 !important;
}




/* =====================================================
   Checkout NEXT button - FORCE override
   ===================================================== */

.checkout-index-index button.action.primary,
.checkout-index-index button.action.continue.primary,
.checkout-index-index .opc-wrapper button.action.primary,
.checkout-index-index .opc-wrapper .action.primary {
    background-color: #ffd100 !important;
    background: #ffd100 !important;
    color: #111 !important;
    border: 1px solid #ffd100 !important;
}





.checkout-index-index button.action.primary {
    background: #ffd100 !important;
    background-color: #ffd100 !important;
    background-image: none !important;
    color: #111 !important;
    border: 1px solid #ffd100 !important;
}




.checkout-index-index .opc-wrapper .actions-toolbar button.action.primary {
    background: #ffd100 !important;
    background-color: #ffd100 !important;
    background-image: none !important;
    color: #111 !important;
    border: 1px solid #ffd100 !important;
}






.checkout-index-index button.action.primary {
    background: #ffd100 !important;
    background-image: none !important;
    color: #111 !important;
}




/* =====================================================
   Checkout estimate wrapper - dark theme
   ===================================================== */

.checkout-index-index .opc-estimated-wrapper {
    background: #121212 !important;
    color: #f5f5f5 !important;
    border: 0 !important;
    box-shadow: none !important;
}





/* =====================================================
   FORCE checkout next button
   ===================================================== */

.checkout-index-index button.action.primary,
.checkout-index-index button.action.continue.primary,
.checkout-index-index .action.primary,
.checkout-index-index .action.continue.primary {
    background: #ffd100 !important;
    background-color: #ffd100 !important;
    background-image: none !important;
    color: #111 !important;
    border-color: #ffd100 !important;
}

.checkout-index-index button.action.primary:hover,
.checkout-index-index button.action.continue.primary:hover,
.checkout-index-index .action.primary:hover,
.checkout-index-index .action.continue.primary:hover {
    background: #ffde3b !important;
    background-color: #ffde3b !important;
    background-image: none !important;
    color: #111 !important;
    border-color: #ffde3b !important;
}

/*
.checkout-index-index button.action.primary,
.checkout-index-index button.action.continue.primary {
    filter: invert(1) !important;
}

*/
/*
.checkout-index-index button.action.primary:before,
.checkout-index-index button.action.primary:after,
.checkout-index-index button.action.continue.primary:before,
.checkout-index-index button.action.continue.primary:after {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    content: none !important;
}

.checkout-index-index button.action.primary span,
.checkout-index-index button.action.continue.primary span {
    color: #111 !important;
}


checkout-index-index button.action.primary {
    position: relative !important;
    z-index: 1 !important;
}

*/
/* =====================================================
   Checkout NEXT button - FIX (span overlay)
   ===================================================== */

.checkout-index-index button.action.continue.primary {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
}

.checkout-index-index button.action.continue.primary span {
    background: #ffd100 !important;
    background-image: none !important;
    color: #111 !important;
}

/* =====================================================
   Checkout NEXT button - FIX (span overlay)
   ===================================================== */

.checkout-index-index button.action.continue.primary {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
}

/* Tämä on se tärkein */
.checkout-index-index button.action.continue.primary span {
    background: #ffd100 !important;
    background-image: none !important;
    color: #111 !important;
}


/* =====================================================
   Checkout NEXT button - full size + border fix
   ===================================================== */

.checkout-index-index button.action.continue.primary {
    background: #ffd100 !important;
    border: 2px solid #ffd100 !important;
    padding: 0 !important; /* tärkeä */
    display: inline-block !important;
}

/* span täyttää koko napin */
.checkout-index-index button.action.continue.primary span {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 14px 20px !important; /* säätää kokoa */
    background: #ffd100 !important;
    color: #111 !important;
    text-align: center;
}



/* =====================================================
   CART - discount + shipping blocks (dark theme)
   ===================================================== */

/* koko container */
.checkout-cart-index .cart-summary {
    background: #121212 !important;
    color: #f5f5f5 !important;
}

/* discount + shipping block wrapper */
.checkout-cart-index .block.discount,
.checkout-cart-index .block.shipping {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* header (title) */
.checkout-cart-index .block.discount .title,
.checkout-cart-index .block.shipping .title {
    background: #ffd100 !important;
    color: #111 !important;
    border: 1px solid #ffd100 !important;
    padding: 12px 16px !important;
}

.checkout-cart-index .block.discount .title strong,
.checkout-cart-index .block.shipping .title strong {
    color: #111 !important;
}

/* content area */
.checkout-cart-index .block.discount .content,
.checkout-cart-index .block.shipping .content {
    background: #121212 !important;
    border: 1px solid #333 !important;
}

/* fieldset (yleisin valkoinen syyllinen) */
.checkout-cart-index .block.discount .fieldset,
.checkout-cart-index .block.shipping .fieldset {
    background: #121212 !important;
    border: 0 !important;
}

/* field + control */
.checkout-cart-index .block.discount .field,
.checkout-cart-index .block.shipping .field,
.checkout-cart-index .block.discount .control,
.checkout-cart-index .block.shipping .control {
    background: transparent !important;
}


/* =====================================================
   Cart - Update cart button
   ===================================================== */

.checkout-cart-index .action.update,
.checkout-cart-index button.action.update,
.checkout-cart-index button[name="update_cart_action"] {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
    box-shadow: none !important;
}


/* =====================================================
   Checkout success - info box fix
   ===================================================== */

.checkout-success .message-success,
.checkout-success .message.notice,
.checkout-success .box,
.checkout-success .block {
    background: #121212 !important;
    color: #f5f5f5 !important;
    border: 1px solid #333 !important;
}




/* =====================================================
   Checkout success - registration block FIX
   ===================================================== */

.checkout-success #registration {
    background: #121212 !important;
    border: 1px solid #333 !important;
    color: #f5f5f5 !important;
    padding: 16px !important;
}


.checkout-success #registration *,
.checkout-success #registration p,
.checkout-success #registration span,
.checkout-success #registration strong {
    color: #f5f5f5 !important;
}


.checkout-success #registration *,
.checkout-success #registration p,
.checkout-success #registration span,
.checkout-success #registration strong {
    color: #f5f5f5 !important;
}


.checkout-success #registration .action,
.checkout-success #registration .action.primary {
    background: #ffd100 !important;
    border: 1px solid #ffd100 !important;
    color: #111 !important;
}

/* span taas tärkeä */
.checkout-success #registration .action span {
    background: #ffd100 !important;
    color: #111 !important;
}





/* =====================================================
   Success page - registration block fix
   ===================================================== */

.checkout-onepage-success #registration,
.checkout-success #registration,
.checkout-onepage-success #registration .content,
.checkout-success #registration .content,
.checkout-onepage-success #registration .actions-toolbar,
.checkout-success #registration .actions-toolbar {
    background: #121212 !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #f5f5f5 !important;
}

/* itse tekstit */
.checkout-onepage-success #registration,
.checkout-onepage-success #registration p,
.checkout-onepage-success #registration span,
.checkout-onepage-success #registration strong,
.checkout-success #registration,
.checkout-success #registration p,
.checkout-success #registration span,
.checkout-success #registration strong {
    color: #f5f5f5 !important;
}

/* linkit */
.checkout-onepage-success #registration a,
.checkout-success #registration a {
    color: #ffd100 !important;
}




/* =====================================================
   My Account - FIX oikeaan elementtiin
   ===================================================== */

.customer-account .block-collapsible-nav-title {
    background: #121212 !important;
    color: #ffd100 !important;
    border: 1px solid #333 !important;
}

/* =====================================================
   My Account - FIX oikeaan elementtiin
   ===================================================== */

.customer-account .block-collapsible-nav-title {
    background: #121212 !important;
    color: #ffd100 !important;
    border: 1px solid #333 !important;
}


.customer-account .block-collapsible-nav-title strong {
    color: #ffd100 !important;
}


.customer-account .block-collapsible-nav-content {
    background: #121212 !important;
}

.customer-account .block-collapsible-nav .item.current strong {
    background: #ffd100 !important;
    color: #111 !important;
    padding: 6px 10px;
    border-radius: 4px;
    display: inline-block;
}

.customer-account .block-collapsible-nav .item.current strong {
    background: #ffd100 !important;
    color: #111 !important;
    padding: 6px 10px;
    border-radius: 4px;
    display: inline-block;
}


.customer-account .block-collapsible-nav-title {
    background: #121212 !important;
}










/* =====================================================
   Customer account - block titles dark theme
   ===================================================== */

.customer-account .block-title {
    background: #121212 !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
    padding: 12px 16px !important;
}

.customer-account .block-title strong,
.customer-account .block-title span {
    color: #ffd100 !important;
}


.customer-account .sidebar.sidebar-main {
    background: #121212 !important;
}


/* =====================================================
   Sidebar FINAL FIX (block-taso)
   ===================================================== */

.customer-account .block-collapsible-nav-title {
    background: #121212 !important;
    color: #ffd100 !important;
}


#block-collapsible-nav {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
}

.block-collapsible-nav > .title {
    background: #000 !important;
    color: #ffeb3b !important; /* kirkas keltainen */
}




/* =====================================================
   Customer account - block title FINAL FIX
   ===================================================== */

.customer-account .column.main .block .block-title {
    background: #121212 !important;
    border: 1px solid #333 !important;
    padding: 12px 16px !important;
}

/* itse teksti */
.customer-account .column.main .block .block-title strong,
.customer-account .column.main .block .block-title span {
    color: #ffd100 !important;
}



.customer-account .column.main .block-title {
    background-color: #121212 !important;
}

.customer-account .column.main .block-title {
    background-color: #121212 !important;
}

/* =====================================================
   FORCE OVERRIDE block-title (Breeze/Magento fix)
   ===================================================== */

body.customer-account .page-main .column.main .block > .block-title {
    background-color: #121212 !important;
    background: #121212 !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
}

body.customer-account .page-main .column.main .block > .block-title * {
    color: #ffd100 !important;
}


.customer-account .block > .title,
.customer-account .block .block-title {
    background: #121212 !important;
    border: 1px solid #333 !important;
}

.block > .title,
.block .block-title {
    background: #121212 !important;
    border: 1px solid #333 !important;
}

/*
html, body {
    outline: 10px solid red !important;
    outline-offset: -10px;
}

*/

/* Piilota logo kaikkialla */
.header.content .logo {
    display: none !important;
}

/* Näytä logo vain checkoutissa */
.checkout-index-index .header.content .logo {
    display: block !important;
}

.checkout-cart-index .header.content .logo {
    display: block !important;
}


/*
@media (max-width: 768px) {

    .catalog-product-view .breeze-gallery,
    .catalog-product-view .breeze-gallery .stage,
    .catalog-product-view .breeze-gallery .main-image-wrapper {
        background: #121212 !important;
    }

    .catalog-product-view .breeze-gallery img {
        background: transparent !important;
    }

    .catalog-product-view .breeze-gallery .main-image {
        object-fit: contain; // tai kokeile cover 
    }
}



@media (max-width: 768px) {
    .product.media img {
        object-fit: contain;
        background: #000; // musta tausta 
    }
}



.catalog-product-view {
    .breeze-gallery,
    .breeze-gallery .stage,
    .breeze-gallery .main-image-wrapper {
        background: #111 !important; // tai #000
    }
}
*/

.product-image-container {
    background-color: #f0f0f0 !important; /* Example: Light Grey */
}



/* Search input dark mode */
#search_mini_form .input-text {
    background: #121212 !important;
    color: #ffffff !important;
    border: 1px solid #2a2a2a !important;
}

#search_mini_form .input-text::placeholder {
    color: #888 !important;
}

#search_mini_form .control,
#search_mini_form .field.search {
    background: transparent !important;
}

#search_autocomplete {
    background: #121212 !important;
    color: #fff !important;
    border: 1px solid #2a2a2a;
}