/*   
Theme Name: Richer child theme
Theme URI: http://themeforest.net/user/ArtstudioWorks/portfolio
Description: Richer is unique and highly interactive WordPress theme.
Author: ArtstudioWorks
Author URI: http://themeforest.net/user/ArtstudioWorks
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: richer
Version: 1.0
Tags: white, black, green, flexible-width, fixed-width, custom-colors, custom-background, theme-options, translation-ready
Designed by ArtstudioWorks: http://themeforest.net/user/ArtstudioWorks
*/

@import url("../richer/style.css"); 		/* CSS Reset + Basic WordPress Styles */

/* =Theme customization starts here
-------------------------------------------------------------- */
// product tabslar

.tabs {
    margin: 20px;
    padding: 10px;
}

.tabs > * {
    text-align: center;
    float: left; /* Öğeleri yan yana sıralamak için */
    width: calc(15% - 3px); /* Her alt öğenin genişliği %15 ve 3px sağ ve sol kenar boşluğu */
    margin-right: 0.5%; /* Her alt öğenin sağ kenarına %0.5 boşluk */
    background-color: #f4f4f4; /* Her alt öğe için arka plan rengi */
    transition: background-color 0.3s; /* Hover efekti için geçiş süresi */
    font-weight: bold;
}

.tabs > *:hover,
.tabs > *:focus,
.tabs > *:active {
    background-color: #dde2e5; /*
}


.wp-post-image {
    max-width: 70%; /* Maksimum genişlik %70 */
}

.remove.remove_from_cart_button {
    font-size: 16pt;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {color: #ffffff;}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {color: #f7d950;}

#header.header4 #navigation ul,
#navigation ul {
    width: 100%;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    white-space: nowrap;
}

#header.header4 .header-search form, 
#header.header4 .header-search input {
    width: 300px;
    height: 35px;
}

.cart-icon,
.header-cart .cart-icon,
.profile-button i {
    font-size: 20px;
}

.header-search, .header-cart, .profile-button {
    display: inline-block;
    vertical-align: middle;
   margin-right: 20px;
    margin-left: 15px;
}

.no-border, 
.no-border table, 
.no-border td {
    border: none !important;
    border-collapse: collapse !important;
}

.woocommerce-page #sidebar {
    float: left;
    width: 20%;
margin-top: 20px;
}

.woocommerce-page #content, 
.woocommerce-page #container {
    float: right;
    width: 80%;
}

a.wpc-filters-submit-button {
    margin-left: 10px;
}

a.wpc-filters-reset-button {
    margin-right: 10px;
}

#sidebar .widget {
    margin-bottom: -10px;
}

.wc-block-components-button:not(.is-link) {
  border: 2px solid #000000;
}

.ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-next, .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-prev, .ur-frontend-form.ur-frontend-form--bordered form button[type=submit], .ur-frontend-form.ur-frontend-form--bordered form input[type=submit] {
background: #006a52;
}

.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid label, .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid legend {
color: #333333
}

.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=date], .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=email], .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=number], .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=password], .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=text], .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=url], .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid select, .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea {
background: #f4f4f4;
}

//side bar

.side-navigation-overlay show{
    display: none;
}

aside.side-navigation.side-navigation-toggle .logo {display: none;}

aside.side-navigation.side-navigation-toggle .navbar-menu, aside.side-navigation.side-navigation-toggle .toggleMenu {display: none;}

body.side-navigation-enabled.sidenav-toggle.sidenav-left { padding-left: 0px; }

.admin-bar.side-navigation-enabled aside.side-navigation {
    position: absolute;
    left: -70px;
}

.sidenav-left aside.side-navigation {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
}



@media (min-width: 782px) {

body.side-navigation-enabled.sidenav-toggle.sidenav-left #fixed_header.header-scrolled{
left: 0px;
padding: 10px;
}


#toggleButton {
display: none; }

body.sidenav-left aside.side-navigation {
left: -70 !important;
display: none;
}

.products li.product {width: 250px !important;}

}

@media (max-width: 782px) { /* Mobil cihazlar için */

body.sidenav-left aside.side-navigation {
        left: -70px;
    }

#navigation {display: none;}

#header.header4 .header-search form, 
#header.header4 .header-search input {
    width: 200px;
    height: 35px;
}


#page-wrap.container {    width: 85%;
    display: flex;
    flex-direction: column;
}

.woocommerce-page #sidebar {
width: 100%;
order: -1;
 margin-bottom: 20px;
}

.woocommerce-page #content {
width: 100%;
}

.products li.product {width: 100% !important;}

}

//htables

/* Özel tablo stil kuralları */
.hcustom-table {
    width: 80%;
    border: 1px solid #e1e1e1;
    font-family: Lora, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: normal;
    color: #333333;
    text-transform: none;
    border-collapse: collapse;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1)
}

.hcustom-table table tbody table td {
    border: none; /* İç tabloların kenarlık stilini sıfırlar */
}