/**
Theme Name: hicopres
Author: Sarışen Reklam
Author URI: https://www.sarisen.com.tr
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hicopres
Template: astra
*/

.woocommerce-js div.product div.summary .woocommerce-product-details__short-description :last-child {
    margin-bottom: 0em;
}

.ast-woocommerce-container { background-color: unset !important;
padding-top: 20px;
}

.ast-desktop .ast-builder-menu-1 .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point .main-navigation ul .menu-item .menu-link {
    border-bottom-width: 1px;
    border-color: #3A3A3A;
    border-style: solid;
	  background-color: #ececec;
!important;}

.ast-separate-container {
    background-color: unset !important; }

body, .ast-separate-container {
    background-image: url(https://sarisen.com.tr/hico/wp-content/uploads/2025/08/2000px-cizgili2.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}


.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single:not(.ast-related-post) {
    background-color: unset !important;
}

:root {
    --ast-border-color: none !important;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    display: none; !important;
}



.pdf-button-link img {
  transition: 0.3s ease-in-out;
}

.pdf-button-link:hover img {
  content: url('https://sarisen.com.tr/hico/wp-content/uploads/2025/10/pdf-button_mavi.png');
}

.form-button-link img {
  transition: 0.3s ease-in-out;
}

.form-button-link:hover img {
  content: url('https://sarisen.com.tr/hico/wp-content/uploads/2025/10/talep_formu_mavi.png');
}




.woocommerce-js ul.products li.product .woocommerce-loop-category__title .count, .woocommerce-page ul.products li.product .woocommerce-loop-category__title .count {
    display: NONE;
}

.woocommerce-js ul.products li.product .woocommerce-loop-category__title, .woocommerce-page ul.products li.product .woocommerce-loop-category__title {
    bottom: -1.5em !important;
    font-size: .9em;
}

.ast-builder-menu-2 .menu-item > .menu-link {
    padding: 0 !important;
}


-----------

/* Ana Kapsayıcı */
.hico-main-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Butonlar arası boşluk */
    padding: 20px 0;
    width: 100%;
    align-items: flex-start;
}

/* Buton Grubu (Link) */
.hico-item {
    display: flex;
    align-items: center; /* İkon kutusu ve kırmızı kutuyu dikey eksende ortalar */
    text-decoration: none;
    position: relative;
    max-width: 100%;
}

/* Soldaki Beyaz İkon Kutusu */
.hico-icon-box {
    width: 70px;
    height: 70px;
    background-color: #ffffff;
    border-radius: 10px; /* İSTEDİĞİN GİBİ: 10px Radius */
    
    /* İkonu tam ortaya çivilemek için */
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-size: 30px; /* İkon boyutu */
    color: #FF0000;
    
    /* Gölgeyi kaldırdım */
    box-shadow: none; 
    border: 1px solid #eee; /* Beyaz olduğu belli olsun diye çok ince bir çizgi (istersen sil) */
    
    z-index: 10; /* Kırmızının üstünde dursun */
    flex-shrink: 0;
}

/* Sağdaki Kırmızı Buton Kısmı */
.hico-btn-text {
    width: 280px; /* İkisinin boyu eşit olsun diye sabit genişlik */
    height: 60px; /* İkon kutusundan biraz alçak olsun ki şık dursun (veya 70 yapabilirsin) */
    background-color: #ff0108;
    color: #ffffff;
    
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.2;
    
    /* İçindeki yazıyı hizalama */
    display: flex;
    align-items: center; /* Dikey ortala */
    justify-content: flex-start; /* Sola yasla */
    
    padding-left: 50px; /* İkonun altından kurtarmak için boşluk */
    padding-right: 15px;
    
    margin-left: -30px; /* İkonun altına girsin diye sola çekiyoruz */
    border-radius: 10px; /* İSTEDİĞİN GİBİ: 10px Radius */
    
    /* Gölgeyi kaldırdım */
    box-shadow: none; 
    
    z-index: 5;
    transition: background-color 0.3s ease;
}

/* HOVER EFEKTİ */
.hico-item:hover .hico-btn-text {
    background-color: #0b00ff; /* Sadece renk değişir, hareket/gölge yok */
}

.hico-main-wrapper p {
    margin-top: 0 !important;
    margin-bottom: 10px !important; /* İşte aradaki o 10px mesafe */
    padding: 0 !important;
    display: block !important; /* Tekrar blok yapıyoruz ki margin işlesin */
}





