/*
Theme Name: Panaderia Child
Theme URI: https://panaderia.qodeinteractive.com
Description: A child theme of Panaderia Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.1
Text Domain: panaderia
Template: panaderia
*/

@font-face {
    font-family: 'UTM-Aristote';
    src: url('/wp-content/uploads/2025/04/UTM-Aristote.woff2') format('woff2');
	font-weight: normal;
    font-style: normal;
}

.slogan {
	font-family: 'UTM-Aristote', sans-serif;
	color: #bb9230;
	margin-bottom: 20px;
}

body {
    font-family: Roboto, sans-serif !important;
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .mkdf-main-menu > ul > li > a {
        padding: 0 10px !important;
        font-size: 12px !important;
        line-height: 23px;
    }
	
}

.mkdf-logo-wrapper a {max-height: 80px !important;}
.mkdf-drop-down .narrow .second .inner ul li {
    width: 240px !important;
}

/* Logo on Mobile */
.mkdf-mobile-logo-wrapper img {max-height: 70px !important}

/* Hamburger menu on mobile */
.mkdf-mobile-side-area {
	padding: 56px 50px 80px 20px !important;
}

.mkdf-woo-single-page .woocommerce-tabs ul.tabs {display: none !important;}

@media only screen and (max-width: 680px) {
    .mkdf-container-inner, .mkdf-grid, .mkdf-row-grid-section {
        width: 90% !important;
    }
}

/* Language Switcher */
.language-switcher {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px; /* Có thể không cần nếu bạn không muốn thêm text */
    padding: 0 30px;
}

/* Tùy chỉnh vị trí trên desktop */
@media (min-width: 768px) and (max-width: 1023px) {
  .language-switcher {
    position: absolute;
    top: 22px;
    right: 50px;
    max-width: 30px !important;
    width: 30px;
 }
}

/* Tùy chỉnh vị trí trên mobile */
@media (max-width: 767px) {
    .language-switcher {
        position: absolute;
        top: 22px;
        right: 45px;/* gần icon menu */
        z-index: 99;
    }
	
	.language-switcher a img {max-width: 30px !important;}
}

.language-switcher .lang-option {
    display: block; /* Để bao bọc toàn bộ hình ảnh */
    text-decoration: none; /* Loại bỏ gạch chân */
}

.language-switcher .lang-option:hover {
    /* Bạn có thể thêm hiệu ứng hover cho hình ảnh nếu muốn, ví dụ: */
    opacity: 0.8;
}

.language-switcher .separator {
    color: #333; /* Màu của dấu phân cách */
}

/* Button hover color */
a.button:hover {background: #f58634 !important}


/* Single Product detail */
.woocommerce-product-details__short-description ul {text-align: justify;}
    .responsive-table {
        width: 60% !important;
        margin: 0px !important;
        border-collapse: collapse;
        table-layout: fixed; /* Ensures columns respect defined widths */
    }

    .responsive-table th,
    .responsive-table td {
        border: 1px solid #ddd !important; /* Adds border to all cells, including <th> */
        padding: 5px !important; /* Adds small padding to all cells */
        text-align: left;
    }

    .responsive-table thead th {
        background-color: #f5f5f5; /* Distinct background for header */
    }

    /* Specific column widths */
    .responsive-table th:nth-child(1),
    .responsive-table td:nth-child(1) {
        width: 50%;
    }

    .responsive-table th:nth-child(2),
    .responsive-table td:nth-child(2) {
        width: 30%;
    }

    .responsive-table th:nth-child(3),
    .responsive-table td:nth-child(3) {
        width: 20%;
    }

	/* Canh đều dòng ul li trên mô tả sản phẩm */
	.woocommerce-product-details__short-description ul {
		padding-left: 0;
	}
	.woocommerce-product-details__short-description ul li{
		 display: flex;
	}
	.woocommerce-product-details__short-description ul li::before{
		 content: "•";
    	margin-right: 0.5em;
	}
	
	.star-rating {color: #fff212;}

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .responsive-table {
            width: 100% !important;
        }
    }

	.mkdf-woo-single-page .woocommerce-tabs .entry-content>p {
		margin: 20px 0px 0px !important;
		width: 100% !important;
		text-align: justify !important;
	}

	.mkdf-woo-single-page .woocommerce-tabs ul.tabs {text-align: left !important;}
	.mkdf-woo-single-page .woocommerce-tabs ul.tabs>li a {padding: 10px 0 !important; font-size: 18px !important;}
	.mkdf-woo-single-page .mkdf-single-product-summary .price {display: none !important;}
	.mkdf-woo-single-page .mkdf-single-product-summary .woocommerce-product-details__short-description {margin: 0px !important;}

/* Ẩn nút thêm số lượng */
.mkdf-quantity-buttons {
    display: none !important;
}

/* Product Title in Single Product on mobile */
h1.mkdf-single-product-title {font-size: 25px;}
h4.mkdf-product-list-title {font-size: 16px;}

@media only screen and (max-width: 680px) {
	h1.mkdf-single-product-title {font-size: 22px;}
}

/* Form ứng tuyển */

.recruit-form-wrapper {
  background: #fffaf4;
  border: 1px solid #f0e0d6;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  max-width: 600px;
  margin: auto;
}

.recruit-form-wrapper .form-row {
  margin-bottom: 20px;
}

.recruit-form-wrapper label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #5a3e36;
}

.recruit-form-wrapper input[type="text"],
.recruit-form-wrapper input[type="tel"],
.recruit-form-wrapper textarea,
.recruit-form-wrapper select,
.recruit-form-wrapper input[type="file"] {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  font-size: 15px;
}

.recruit-form-wrapper textarea {
  min-height: 100px;
  resize: vertical;
}

.recruit-form-wrapper input[type="submit"] {
  background-color: #d2691e;
  color: #fff;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s ease;
}

.recruit-form-wrapper input[type="submit"]:hover {
  background-color: #a0522d;
}

.recruit-form-wrapper textarea {
  height: 120px; /* Hoặc bạn có thể chỉnh thành 100px, 80px tùy ý */
  max-height: 200px;
  min-height: 80px;
  resize: vertical; /* Cho phép kéo dọc nếu người dùng muốn ghi nhiều hơn */
}

@media (min-width: 768px) {
  .recruit-form-wrapper .form-row.half-width {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin-right: 4%;
  }

  .recruit-form-wrapper .form-row.half-width:last-child {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .recruit-form-wrapper .form-row.half-width {
    width: 100%;
    display: block;
    margin-right: 0;
  }
}

/* Related Product in Single Product */
.related.products h2 {font-size: 25px; font-weight: 400;}

.widget.woocommerce.widget_products ul li .product-title {font-family: Roboto, sans-serif !important;}

/* Loading image Pretty Photo Lightbox */
.pp_overlay, .pp_content_container {
    transition: opacity 0.1s ease-in-out !important;
}

.pp_overlay {
    background: rgba(0, 0, 0, 0.5) !important; /* Giảm độ đục */
}

/* Add To Cart in Single Product */


/* Footer */
.mkdf-page-footer h3 {font-size: 16px;}


/* Footer */
.mkdf-page-footer a.mkdf-icon-widget-holder {display: block;}

span.mkdf-icon-text {display: unset;}

.mkdf-icon-widget-holder:hover .mkdf-icon-element,
.mkdf-icon-widget-holder:hover .mkdf-icon-text {
    color: #bb9230 !important;
}

/* FAQ widget */

.page-id-1326 .mkdf-sidebar a.mkdf-icon-widget-holder,
.page-id-1326 .mkdf-sidebar a.mkdf-icon-has-hover
{width: 100% !important; font-size: 25px; }

.page-id-1326 .mkdf-sidebar {
	padding: 20px;
    background-color: #dfded6;
}

.page-id-1326 .mkdf-sidebar .mkdf-btn {
	font-size: 18px;
}

/* Sidebar */
.mkdf-sidebar h3.mkdf-widget-title-sidebar {font-size: 20px !important; font-weight: 400 !important;}

ul.product_list_widget li span.product-title {font-size: 15px !important; font-weight: 400 !important;}

/* Sidebar Category */

.widget.woocommerce.widget_product_categories ul li {
    margin: 8px 0 !important;
}

/* Bột Mì Chuyên Dụng */
.product-categories li.cat-item-81::before {
    content: '';
    display: inline-block;
    width: 25px !important;
    height: 25px !important;
    background-image: url('/wp-content/uploads/2025/04/icon-bot-mi-chuyen-dung.png');
    background-size: cover;
    margin-right: 10px;
	
}

/* Bột Mì Gia Dụng */
.product-categories li.cat-item-83::before {
    content: '';
    display: inline-block;
    width: 25px !important;
    height: 25px !important;
    background-image: url('/wp-content/uploads/2025/04/icon-bot-mi-gia-dung.png');
    background-size: cover;
    margin-right: 10px;
	
}

/* Bột Mì Thông Dụng */
.product-categories li.cat-item-37::before {
    content: '';
    display: inline-block;
    width: 25px !important;
    height: 25px !important;
    background-image: url('/wp-content/uploads/2025/04/icon-bot-mi-thong-dung.png');
    background-size: cover;
    margin-right: 10px;
	
}

/* Dinh Dưỡng & Chăm Sóc Sức Khỏe */
.product-categories li.cat-item-87::before {
    content: '';
    display: inline-block;
    width: 25px !important;
    height: 25px !important;
    background-image: url('/wp-content/uploads/2025/04/icon-dinh-duong.png');
    background-size: cover;
    margin-right: 10px;
	
}

/* Nguyên Liệu Ngành Bánh */
.product-categories li.cat-item-39::before {
    content: '';
    display: inline-block;
    width: 25px !important;
    height: 25px !important;
    background-image: url('/wp-content/uploads/2025/04/icon-nguyen-lieu-nganh-banh.png');
    background-size: cover;
    margin-right: 10px;
	
}

/* Thức Ăn Chăn Nuôi */
.product-categories li.cat-item-84::before {
    content: '';
    display: inline-block;
    width: 25px !important;
    height: 25px !important;
    background-image: url('/wp-content/uploads/2025/04/icon-thuc-an-chan-nuoi.png');
    background-size: cover;
    margin-right: 10px;
	
}

/* Xóa dấu gạch đầu dòng mặc định */
.product-categories li {
    list-style: none !important;
}

.widget.woocommerce.widget_product_categories ul li:before {
	position: absolute;
    top: calc(50% - 15px) !important;
    left: -8px !important;
	border-radius: 50% !important;
	background-color: #ffffff !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

/* Revert Column on Mobile devices */
@media (max-width: 767px) {
    .custom-mobile-order {
        display: flex;
        flex-direction: column;
    }
    .custom-mobile-order .wpb_column:nth-child(2) {
        order: -1; /* Đưa cột 2 lên đầu */
    }
	
	.custom-margin-top {
        margin-top: 40px !important;
	}
	
}
	
/* Testimonials */
.mkdf-testimonials-holder span.mkdf-testimonial-text {
	font-size: 25px !important;
}

/* Slider revolution */
.tp-simpleresponsive .tp-revslider-mainul::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8) !important; /* Điều chỉnh opacity tại đây */
    top: 0;
    left: 0;
    z-index: 2;
}
	
@media only screen and (max-width: 680px) {
    h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
	
	.mkdf-grid-list.mkdf-six-columns .mkdf-item-space {
        width: 50% !important;
    }
}

/* Ẩn porfolio title */
.archive .page-title {
    display: none !important;
}

/* Nút icon xem thêm */

.custom-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background-color: #b62224; /* đỏ đậm như hình */
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.3s ease;
  font-size: 16px;
}

.custom-icon-btn:hover {
  background-color: #f58634; /* màu vàng */
  
	color: #fff;
}

/* Ẩn SKU */
.product_meta span.sku_wrapper {display: none !important;}

/* Load icon gutenberg */
.mce-ico {
    font-family: dashicons !important;
}

/* Post Title */
h2.mkdf-post-title {
	font-size: 25px !important;
	text-transform: capitalize;
}
.mkdf-post-info-author {display: none;}

h4.mkdf-post-title {text-transform: capitalize;}

/* Trang tuyển dụng */
.mkdf-team-holder.mkdf-team-info-below-image {padding-bottom: 20px;}
.recruitment-table {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.recruitment-table {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.recruitment-table .recruit-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: bold;
}

.recruitment-table .table-wrapper {
  overflow-x: auto;
}

.recruitment-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
}

.recruitment-table th,
.recruitment-table td {
  border: 1px solid #ccc;
  padding: 12px 15px;
  font-size: 16px;
  vertical-align: top;
}

.recruitment-table thead th {
  background-color: #f8f4ef;
  text-align: center;
  font-weight: bold;
}

.recruitment-table .text-left {
  text-align: left !important;
}

.recruitment-table .text-center {
  text-align: center !important;
}

@media screen and (max-width: 768px) {
  .recruitment-table table {
    font-size: 14px;
  }

  .recruitment-table th,
  .recruitment-table td {
    padding: 10px;
  }
}

.application-info {
  
  padding: 20px;
  background-color: #fdf8f2;
  border: 1px solid #e7e0d8;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.6;
}

.application-info .section-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #333;
}

.application-info .document-list {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 15px;
}

.application-info .document-list li {
  margin-bottom: 6px;
}

.application-info .contact-info {
  font-weight: bold;
  color: #222;
}

.application-info .contact-info a {
  color: #c0392b;
  text-decoration: none;
}

.application-info .contact-info a:hover {
  text-decoration: underline;
}

/* back to top */
/* Nút Back to Top - tạo hình tròn, nền đỏ, icon trắng */
#mkdf-back-to-top {
  width: 50px;
  height: 50px;
  background-color: #b21f1f; /* đỏ đậm */
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Icon SVG bên trong */
#mkdf-back-to-top .mkdf-btt-icon svg {
  width: 16px;
  height: 16px;
  fill: #fff; /* Màu icon */
  transition: fill 0.3s ease;
}

/* Hover - đổi nền sang vàng, icon đen */
#mkdf-back-to-top:hover {
  background-color: #ffc107;
}

#mkdf-back-to-top:hover .mkdf-btt-icon svg {
  fill: #000;
}

/* Hiệu ứng gửi form contact */
/* Hiệu ứng loading khi gửi form */
.wpcf7-submit {
    position: relative;
}

.wpcf7-submit.processing {
    background-color: #ccc; /* Màu nền khi đang xử lý */
    pointer-events: none; /* Ngừng kích hoạt nút trong khi xử lý */
}

.wpcf7-submit.processing::after {
    content: '⏳'; /* Thêm biểu tượng loading */
    position: absolute;
    right: 10px;
    font-size: 18px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

p, p.text-justify, .mkdf-portfolio-single-holder span.mkdf-st-text {text-align: justify;}