/* 

Theme Name: Teknoritim
Theme URI: https://www.teknoritim.com
Author: Selehattin inan
Description: TeknoRitim Tarafından Carvora Halı İçin Yapılmıştır.
Version: 1.0
Text Domain: teknoritim

*/

.m-right-0{
    margin-right: 0px !important;
}
.social__shear--list {
    margin-right: 0.6rem;
}
.header-social i{
    padding: 5px;
    color: #7e2029;
}

.social-footer i{
    font-size:20px;
    margin-right:7px;
}





.shipping__style2--inner {
    background: #7e2029 !important;
}
.shipping__style2--content__title {
    color: white !important;
}
.shipping__style2--content__desc {
    color: white !important;
}
.shipping__style2--icon {
    color: white !important;
}

.wpcf7-form-control-wrap{
    width:100% !important;
}







.single__widget.widget__bg {

    border-radius: 0rem;

}
 




/* Menü */
.header-menu li.menu-item{
    margin-right: 5rem;
}

.header-menu li.menu-item a{
    color: var(--primary-color);
    font-size: 1.8rem;
    padding: 2.5rem 0;
}


.header__menu--items:hover .sub-menu {
  visibility: visible;
  margin-top: 0;
  opacity: 1;
}

.header-menu .menu-item-has-children .sub-menu{
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 0;
    visibility: hidden;
    width: 220px;
    margin: 0;
    margin-top: 20px;
    padding: 20px;
    list-style: none;
   
    transition: var(--transition);
    opacity: 0;
    background-color: var(--white-color);
     
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}


.header__menu--items .sub-menu li a{
  font-size: 1.5rem;
  display: block;
  padding: 10px 0;
}


.header__menu--items:hover .a {
  color: var(--secondary-color);
}

.header__menu--items:hover .sub-menu {
  visibility: visible;
  margin-top: 0;
  opacity: 1;
}












.mobil-menu li:first-child{
    border-top: 1px solid var(--border-color2);
}
.mobil-menu li a{
    line-height: 1;
    display: block;
    padding: 15px 20px;
    text-transform: uppercase;
}

.mobil-menu .menu-item-has-children ul.sub-menu{
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}


.mobil-menu li{
  position: relative;
  border-bottom: 1px solid var(--border-color2);
}

.mobil-menu li:first-child {
  border-top: 1px solid var(--border-color2);
}







/* Mobile Sub Menu */
.mobil-menu .sub-menu {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobil-menu li {
  position: relative;
  border-top: 1px solid var(--border-color2);
}

.header__menu--items .sub-menu li a{
  line-height: 1;
  display: block;
 
}









.mobil-menu .menu-item-has-children > a.active + ul.sub-menu {
    display: block !important;
}

.mobil-menu .sub-menu li{
    line-height: 1;
    display: block;
    padding: 0px 15px 0px 15px;
}



.footer-menu li{
    margin-bottom: 0.8rem;
}
.footer-menu li a{
    line-height: 3rem;
    font-size: 1.5rem;
    color: var(--text-gray-color);
    font-family: var(--open-sans);
}

















.measurement {
    display: flex;
    justify-content: flex-start; /* Sol hizalama */
    align-items: center;
    padding: 2px 0; /* Boşlukları azalttık */
    border-bottom: none; /* Var olan HR'yi kaldırıyoruz */
    position: relative; /* HR'nin hizalanması için gerekli */
}

.measurement::after {
    content: ""; /* Çizgi eklemek için */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; /* Default olarak tam genişlik */
    max-width: 300px; /* Satır uzunluğuna göre ayarlanabilir */
    height: 1px; /* Çizgi kalınlığı */
    background-color: #e0e0e0; /* Çizgi rengi */
}

.measurement span {
    font-size: 14px;
    color: #555;
    flex: 0 0 100px; /* Ölçü alanını daralttık */
    text-align: left; /* Sola hizalandı */
}

.measurement strong {
    font-size: 14px;
    color: #d32f2f;
    flex: 0 0 80px; /* İndirimli fiyat alanını daralttık */
    text-align: left;
    margin-right: 8px;
}

.measurement del {
    font-size: 12px;
    color: #888;
    flex: 0 0 80px; /* Normal fiyat alanını daralttık */
    text-align: left;
    margin-left: 4px;
}
















/* Footer Logo */
.teknoritim-icon {
    width: 130px!important;
    height: 53px!important;
    position: relative;
    letter-spacing: 0;
    text-align: left;
}
.teknoritim-icon * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.teknoritim-icon .teknoritim-icon-link {
    text-indent: -99999px;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.teknoritim-icon .tooltiptekno-teknoritim-icon {
    display: block;
    position: relative;
    z-index: 999;
}
.teknoritim-icon.tooltiptekno-teknoritim-icon: after {
    -webkit-transform: translateX(-50%);
    bottom: 100%;
    content: "";
    height: 10px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}
.teknoritim-icon .tooltiptekno-teknoritim-icon .tooltiptekno-teknoritim-icon-content {
    position: absolute;
    z-index: 9999;
    width: 140px;
    left: 50%;
    bottom: 100%;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background: 0 0;
    opacity: 0;
    margin: 0 0 10px -70px;
    cursor: default;
    pointer-events: none;
    font-family: Arial;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s 0.3s;
    -o-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}
.teknoritim-icon.tooltiptekno-teknoritim-icon .tooltiptekno-teknoritim-icon-content: after {
    border-color: transparent;
    border-top-color: #fffaf0;
    border-width: 7px;
    border: solid transparent;
    bottom: -14px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -7px;
    pointer-events: none;
    position: absolute;
    width: 0;
}
.teknoritim-icon .tooltiptekno-teknoritim-icon .tooltiptekno-teknoritim-icon-content span {
    display: block;
}
.teknoritim-icon .tooltiptekno-teknoritim-icon .tooltiptekno-teknoritim-icon-content .tooltiptekno-teknoritim-icon-text {
    border-bottom: 2px solid #fffaf0;
    overflow: hidden;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    -o-transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}
.teknoritim-icon .tooltiptekno-teknoritim-icon .tooltiptekno-teknoritim-icon-content .tooltiptekno-teknoritim-icon-text .tooltiptekno-teknoritim-icon-inner {
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    webkit-transition: -webkit-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.teknoritim-icon .teknoritim-icon-card-container {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-perspective: 100px;
    -o-perspective: 100px;
    perspective: 100px;
}
.teknoritim-icon .teknoritim-icon-card-container figure {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    padding: 0 8px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.teknoritim-icon .teknoritim-icon-card-container figure > div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
}
.teknoritim-icon .teknoritim-icon-card-container .teknoritim-icon-back {
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.teknoritim-icon .teknoritim-icon-card-container .teknoritim-icon-front > div {
    background-image: url();
}
.teknoritim-icon .teknoritim-icon-card-container .teknoritim-icon-back > div {
    background-image: url(https://teknoritim.com/wp-content/uploads/2023/08/TeknoRitim-Logo-Black-4.png);  /* Yazı İçin Eklenecek */
}
.teknoritim-icon.teknoritim-front-white .teknoritim-icon-card-container .teknoritim-icon-front > div {
    background-image: url(https://teknoritim.com/wp-content/uploads/2023/08/TeknoRitim-Logo-Black-3.png);  /* Ana Logo */
}
.teknoritim-icon.a360-front-black .teknoritim-icon-card-container .teknoritim-icon-front > div {
    background-image: url();
}
.teknoritim-icon.a360-back-black .teknoritim-icon-card-container .teknoritim-icon-back > div {
    background-image: url();
}
.teknoritim-icon:hover .tooltiptekno-teknoritim-icon: after {
    pointer-events: auto;
}
.teknoritim-icon:hover .tooltiptekno-teknoritim-icon .tooltiptekno-teknoritim-icon-content {
    -webkit-transition-delay: 0s;
    opacity: 1;
    pointer-events: auto;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.teknoritim-icon:hover .tooltiptekno-teknoritim-icon .tooltiptekno-teknoritim-icon-content .tooltiptekno-teknoritim-icon-text {
    -webkit-transform: scale3d(1, 1, 1);
    -webkit-transition-delay: 0s;
    transform: scale3d(1, 1, 1);
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.teknoritim-icon:hover .tooltiptekno-teknoritim-icon .tooltiptekno-teknoritim-icon-content .tooltiptekno-teknoritim-icon-text .tooltiptekno-teknoritim-icon-inner {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.3s;
    transform: translate3d(0, 0, 0);
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.teknoritim-icon:hover .teknoritim-icon-card-container .teknoritim-icon-front {
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.teknoritim-icon:hover .teknoritim-icon-card-container .teknoritim-icon-back {
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}