/*
Theme Name:   Hello Elementor Child (APIX)
Theme URI:    https://techmed.uz/
Description:  Hello Elementor child theme. Adds the APIX PACS/RIS and mRay (digital access to images) pages as selectable Page Templates.
Author:       Techmed
Template:     hello-elementor
Version:      1.0.1
Text Domain:  hello-elementor-child
*/

/* =============================================================
   PRODUCT "Детали" tab — attribute table (jusha-style)
   имя слева | значение слева | разделитель только строка снизу
   ============================================================= */
.woocommerce-product-attributes.shop_attributes,
table.woocommerce-product-attributes{
    width:100%;
    margin:0;
    border:0;
    border-top:1px solid #e6e8ec;
    border-collapse:collapse;
    background:transparent;
    table-layout:fixed;
}
.woocommerce-product-attributes.shop_attributes tr,
.woocommerce-product-attributes.shop_attributes tbody tr{
    background:transparent !important;
    border:0;
}
.woocommerce-product-attributes.shop_attributes th,
.woocommerce-product-attributes.shop_attributes td{
    border:0 !important;
    border-bottom:1px solid #e6e8ec !important;
    text-align:left !important;
    vertical-align:top;
    padding:16px 0 !important;
    background:transparent !important;
    font-style:normal;
    line-height:1.55;
    font-size:15px;
}
.woocommerce-product-attributes.shop_attributes th{
    width:40%;
    padding-right:32px !important;
    font-weight:600;
    color:#0a1628;
}
.woocommerce-product-attributes.shop_attributes td{
    width:60%;
    font-weight:400;
    color:#3a4453;
}
.woocommerce-product-attributes.shop_attributes td p{margin:0;}
.woocommerce-product-attributes.shop_attributes td a{
    color:#1e64c8;
    text-decoration:none;
}
.woocommerce-product-attributes.shop_attributes td a:hover{text-decoration:underline;}
.woocommerce-product-attributes.shop_attributes td,
.woocommerce-product-attributes.shop_attributes td p,
.woocommerce-product-attributes.shop_attributes td a,
.woocommerce-product-attributes.shop_attributes th{font-style:normal !important;}
@media (max-width:600px){
    .woocommerce-product-attributes.shop_attributes th{width:44%;padding-right:16px !important;}
    .woocommerce-product-attributes.shop_attributes th,
    .woocommerce-product-attributes.shop_attributes td{padding:13px 0 !important;font-size:14px;}
}

/* =============================================================
   PRODUCT tabs (Описание / Детали) — clean branded tabs
   ============================================================= */
.woocommerce-tabs ul.tabs.wc-tabs{
    list-style:none;
    margin:0 0 26px;
    padding:0;
    display:flex;
    gap:6px;
    border-bottom:1px solid #e6e8ec;
}
.woocommerce-tabs ul.tabs.wc-tabs::before,
.woocommerce-tabs ul.tabs.wc-tabs::after{display:none !important;}
.woocommerce-tabs ul.tabs.wc-tabs li{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:0 !important;
}
.woocommerce-tabs ul.tabs.wc-tabs li::before,
.woocommerce-tabs ul.tabs.wc-tabs li::after{display:none !important;}
.woocommerce-tabs ul.tabs.wc-tabs li a{
    display:block;
    padding:14px 24px;
    font-size:16px;
    font-weight:600;
    color:#6b7480 !important;
    text-decoration:none;
    border-bottom:2px solid transparent;
    margin-bottom:-1px;
    transition:color .2s ease, border-color .2s ease;
}
.woocommerce-tabs ul.tabs.wc-tabs li a:hover{color:#0a1628 !important;}
.woocommerce-tabs ul.tabs.wc-tabs li.active a,
.woocommerce-tabs ul.tabs.wc-tabs li[aria-selected="true"] a{
    color:#1e64c8 !important;
    border-bottom-color:#1e64c8 !important;
}

/* Скрыть дублирующий заголовок панели (совпадает с названием вкладки) */
.woocommerce-Tabs-panel > h2:first-child{display:none;}

/* Панель: типографика */
.woocommerce-Tabs-panel{color:#3a4453;font-size:15px;line-height:1.7;}
.woocommerce-Tabs-panel > p{margin:0 0 18px;}
.woocommerce-Tabs-panel h3{
    font-size:20px;
    font-weight:700;
    color:#0a1628;
    margin:26px 0 14px;
    padding-left:14px;
    border-left:4px solid #1e64c8;
}

/* =============================================================
   PRODUCT description — список «Преимущества» с фирменными точками
   ============================================================= */
.woocommerce-Tabs-panel--description ul{
    list-style:none;
    margin:0;
    padding:0;
}
.woocommerce-Tabs-panel--description ul li{
    position:relative;
    padding:11px 0 11px 36px;
    border-bottom:1px solid #f0f2f5;
    line-height:1.6;
    color:#3a4453;
}
.woocommerce-Tabs-panel--description ul li:last-child{border-bottom:0;}
.woocommerce-Tabs-panel--description ul li::before{
    content:"";
    position:absolute;
    left:0;
    top:13px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#1e64c8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 6'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
    box-shadow:0 2px 6px rgba(30,100,200,0.25);
}
.woocommerce-Tabs-panel--description ul li strong{color:#0a1628;font-weight:600;}
@media (max-width:600px){
    .woocommerce-tabs ul.tabs.wc-tabs li a{padding:12px 16px;font-size:15px;}
    .woocommerce-Tabs-panel--description ul li{padding-left:32px;}
}