/*
Theme Name:   DMRHN
Description:  Custom theme for Emin Oto Parts
Author:       dmrhn
Author URI:   https://dmrhn.com
Template:     blocksy
Version:      0.0.1
License:      dmrhn.com
Text Domain:  dmrhn
*/


/* grid or group block mobile column flip */
@media (max-width: 1000px) {
.column-reverse > div:first-child { order: 1; }
}


@media (max-width: 690px) {
.dhn-mobile-remove-arrow [class*="flexy-arrow"] { display: none; }
}


/* contact page faq accordion */
.wp-block-details { background: var(--theme-palette-color-7); color: var(--theme-palette-color-4); border:0; margin-bottom: 15px; padding: 1.25rem; border-radius: 5px; }
.wp-block-details summary { font-weight: 600; display:flex; align-items: center; justify-content: space-between; cursor: pointer; transition: all .5s ease; }
.wp-block-details[open] { background: var(--theme-palette-color-1); color: var(--theme-palette-color-8); }
.wp-block-details:not([open]) summary { margin: 0; }
.wp-block-details summary:hover { color: var(--theme-palette-color-1); } 
.wp-block-details[open] summary:hover { color: var(--theme-palette-color-8); } 
.wp-block-details summary::marker { font-size: 0; }
.wp-block-details summary::after { content: ""; width: 12px; height: 12px; border: solid var(--theme-palette-color-1); border-width: 0 3px 3px 0; transform: rotate(-45deg); transition: .3s ease-in-out; }
.wp-block-details[open] summary::after { transform: rotate(45deg); border-color: var(--theme-palette-color-8); }

/* Wordpress table mobile responsive */
.wp-block-table { overflow: auto; display: block; position: relative; }
.wp-block-table table { width: 100%; min-width: 600px; border-collapse: collapse; position: relative; }
.wp-block-table th,
.wp-block-table td { padding: 8px; border: 1px solid var(--theme-palette-color-6); text-align: left; background: var(--theme-palette-color-8); }
.wp-block-table thead th { position: sticky; top: 0; z-index: 10; background: var(--theme-palette-color-8);} /* Sticky first row */
.wp-block-table tbody td:first-child,
.wp-block-table thead th:first-child { position: sticky; left: 0; z-index: 11; background: var(--theme-palette-color-8); box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); } /* Sticky first column */
.wp-block-table { overflow-x: auto;	-webkit-overflow-scrolling: touch; }
@media (max-width: 1000px) {
.wp-block-table tbody td:first-child,
.wp-block-table thead th:first-child { width: 40vw !important; }
}

/* mobile offcanvas start under header */
.ct-panel.ct-header { top: var(--header-height) }
@media (max-width: 999.98px) {	
.ct-panel .ct-panel-actions { display: none }
	}
.admin-bar .ct-panel.ct-header { top: calc( var(--wp-admin--admin-bar--height) + var(--header-height) ) }

@media (max-width: 689.98px) {
	.main-hero > span { background: linear-gradient(90deg,rgb(0,0,0) 0%,rgba(0,0,0,0) 100%) !important }
}

/* change wp list block marker style */
.woocommerce-product-details__short-description ul, ul.wp-block-list { list-style: none; display: flex; flex-direction: column; gap:0.2em; padding-left: 0;}
ul.wp-block-list { padding-left: 1em; }
.woocommerce-product-details__short-description ul li, ul.wp-block-list li { display: flex; align-items: center; gap:0.4em; }
.woocommerce-product-details__short-description ul li::before, ul.wp-block-list li::before { display: inline-block; width: 1.1em; height: 1.1em; background-color: var(--theme-border-color); mask: var(--check-circle-icon) no-repeat center; -webkit-mask: var(--check-circle-icon) no-repeat center; mask-size: contain; -webkit-mask-size: contain; content: ''; --check-circle-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1C5.477 1 1 5.477 1 11s4.477 10 10 10 10-4.477 10-10S16.523 1 11 1Zm0 1.935A8.06 8.06 0 0 1 19.065 11 8.06 8.06 0 0 1 11 19.065 8.06 8.06 0 0 1 2.935 11 8.06 8.06 0 0 1 11 2.935Zm5.653 5.253-.908-.916a.484.484 0 0 0-.685-.003l-5.7 5.654-2.41-2.43a.484.484 0 0 0-.685-.003l-.916.909a.484.484 0 0 0-.002.684l3.66 3.69c.188.19.495.191.684.003l6.96-6.903a.484.484 0 0 0 .002-.685z'/%3E%3C/svg%3E%0A");  }

/* checkout country fix */
[id*="_country_field"] > span {
  min-height: 38px;
  display: flex;
  align-items: center;
}

/* paynet popup fix */
.agent-logo {
  position: absolute;
  top: -30px;
  left: 0px;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  z-index: 9999;
}
.agent-logo > img {
  max-width: 120px;
  width: 120px;
}

/* shop vertical aligh fix */
li.product:has(> :nth-child(4)) > :nth-child(3) {
	margin-top: auto;
}

/* checkout geliver shipping fix */
ul#shipping_method li {
  display: flex;
}
ul#shipping_method li label{
  display: flex;
  justify-content: space-between;  
	width: 100%;
}

/**
 * Önceki Sonraki Navigasyon Takla
 */
.post-navigation .nav-item-next {
text-align: left !important;
justify-content: flex-start !important;
order: 1;
}
.post-navigation .nav-item-next .item-content {
order: 1;
}
.post-navigation .nav-item-next figure {
margin-right: var(--thumb-margin, 25px);
margin-left: 0 !important;
}
.post-navigation .nav-item-next svg {
transform: rotate(180deg) translate3d(-10px, 0, 0) !important;
}
.post-navigation .nav-item-next:hover svg {
transform: rotate(180deg) translate3d(0px, 0, 0) !important;
}
.post-navigation .nav-item-prev {
text-align: right;
justify-content: flex-end;
order: 2;
}
.post-navigation .nav-item-prev figure {
order: 2;
margin-right: 0 !important;
margin-left: var(--thumb-margin, 25px);
}
.post-navigation .nav-item-prev svg {
transform: rotate(180deg) translate3d(10px, 0, 0) !important;
}
.post-navigation .nav-item-prev:hover svg {
transform: rotate(180deg) translate3d(0px, 0, 0) !important;
}