/*
Theme Name: Dpmarket
Theme URI: https://wowtheme7.com/wp/dpmarket/
Author: wowtheme7
Author URI: https://themeforest.net/user/wowtheme7
Description: Dpmarket – Its unique features and functionalities make it the ideal solution for websites dedicated to Car Service and other digital marketplace related to Service. The theme is well suited for all types of digital marketplace: ecommarce, business service, small prop, Business and investment,  or it service.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dpmarket
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Tested up to: 5.8.1
Requires PHP: 7.1
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Dpmarket is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.btn-w-100 .elementor-button {
  width: 100%;
}
.bg-gray {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07);
}
.bg-red {
  background: #e94057;
}
.bg-gray-after {
  position: relative;
}
.bg-gray-after:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 100px;
}
.border-2 {
  border: 2px solid #263e6b;
}
.inovating-area .border-bottom-2 {
  border-bottom: 2px solid #263e6b;
}
@media all and (max-width: 1599px) {
  .header-6-bg-image-seze-100 .elementor-widget-wrap {
    background-size: 100% 100% !important;
  }
  .header-6-bg-image-seze-100 .elementor-widget-container {
    padding-left: 25px !important;
  }
}
@media all and (max-width: 575px) {
  .elementor-image-box-img-wrap .elementor-image-box-img {
    margin-bottom: 20px !important;
  }
}
.single-blog-list .details .blog-meta li {
  padding-left: 0;
  list-style: none;
}
.single-blog-list .details .blog-meta li:before {
  display: none;
}
.single-progressbar .skill:before {
    background: #e1e1e1;
}
.footer-widget.widget.widget_nav_menu ul li + li {
    margin-top: 15px;
}
.breadcrumb-wrap .breadcrumb-content {
    padding: 170px 0 170px 0;
}
.custom-logo-link img, 
.site-logo img, .footer-logo img {
    max-width: 190px !important;
}
.blog-details-footer .left .tags li a {
    height: 32px;
    line-height: 30px;
    border-radius: 30px;
}
.blog-details-footer .social-icon li a {
    width: 40px;
    height: 40px;
    border: 1px solid #bdbecc;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}
.blog-details-footer .social-icon li a:hover {
    background: var(--main-gradient);
    color: #fff;
}

/* ==========================================================================
   PRODUCT PAGE LAYOUT
   Mobile: image -> sidebar (price/badges/buttons) -> description.
   Tablet (768px) and up: image + sidebar side by side, description below.
   ========================================================================== */
.product-details-grid {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-areas: "image" "sidebar" "content" !important;
	gap: 24px;
}
@media (min-width: 768px) {
	.product-details-grid {
		grid-template-columns: 2fr 1fr !important;
		grid-template-areas: "image sidebar" "content sidebar" !important;
		align-items: start;
	}
}
.pd-image { grid-area: image; }
.pd-sidebar { grid-area: sidebar; }
.pd-content { grid-area: content; }
.btn-outline-main {
	background-color: transparent !important;
	border: 1px solid hsl(var(--main)) !important;
	color: hsl(var(--main)) !important;
	font-weight: 600;
}
.btn-outline-main:hover {
	background-color: hsl(var(--main)) !important;
	color: #fff !important;
}

/* ==========================================================================
   "You May Also Like" (related products on single product page)
   ========================================================================== */
.featured-product ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 20px !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.featured-product ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
	background: #fff !important;
	border: 1px solid #eee0f5 !important;
	border-radius: 16px !important;
	padding: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.featured-product ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 32px rgba(108, 79, 239, 0.1);
}
.featured-product ul.products li.product a {
	display: flex !important;
	flex-direction: column !important;
	color: inherit !important;
	text-decoration: none !important;
}
.featured-product ul.products li.product img {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	border-radius: 10px !important;
	margin: 0 0 12px 0 !important;
	display: block !important;
}
.featured-product ul.products li.product .woocommerce-loop-product__title {
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin: 0 0 6px 0 !important;
	white-space: normal !important;
	color: inherit !important;
}
.featured-product ul.products li.product .price {
	font-size: 0.95rem !important;
	color: hsl(var(--main)) !important;
	margin: 0 0 10px 0 !important;
	display: block !important;
}
.featured-product ul.products li.product .button,
.featured-product ul.products li.product .add_to_cart_button,
.featured-product ul.products li.product a.button {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	padding: 10px 14px !important;
	border-radius: 999px !important;
	background: var(--main-gradient) !important;
	color: #fff !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	margin-top: auto !important;
	white-space: nowrap !important;
}

@media (max-width: 992px) {
	.featured-product ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
	.featured-product ul.products { grid-template-columns: 1fr !important; }
}


/* ==========================================================================
   PRODUCT PAGE LAYOUT — find/replace ONLY this block in your child theme's
   style.css. Lowered breakpoint to 600px (was 992px) so it reliably
   triggers on any laptop/tablet screen, only stacking on real phones.
   ========================================================================== */
/* ==========================================================================
   PRODUCT PAGE LAYOUT — DEFINITIVE VERSION
   Delete every other .product-details-grid rule in your style.css
   (there are currently TWO old copies in there) and replace with ONLY
   this one block. Desktop 2-column is now the default; phones are the
   exception, not the other way around — this removes any dependency on
   a min-width breakpoint actually triggering correctly.
   ========================================================================== */
.product-details-grid {
	display: grid !important;
	grid-template-columns: 2fr 1fr !important;
	grid-template-areas: "image sidebar" "content sidebar" !important;
	gap: 24px !important;
	align-items: start !important;
}
.pd-image { grid-area: image !important; }
.pd-sidebar { grid-area: sidebar !important; }
.pd-content { grid-area: content !important; }

@media screen and (max-width: 599px) {
	.product-details-grid {
		grid-template-columns: 1fr !important;
		grid-template-areas: "image" "sidebar" "content" !important;
	}
}