/* Pharmaceutical Product Details Page Styles */

/* Hide e-commerce elements in related products */
.flat-spacing-1 .list-product-btn,
.flat-spacing-1 .size-list,
.flat-spacing-1 .on-sale-wrap,
.flat-spacing-1 .countdown-box,
.flat-spacing-1 .card-product-info .price,
.flat-spacing-1 .list-color-product {
    display: none !important;
}

/* Pharmaceutical information sections */
.tf-product-description,
.tf-product-composition,
.tf-product-indications,
.tf-product-dosage,
.tf-product-storage,
.tf-product-manufacturer {
    margin-bottom: 1.5rem;
}

.tf-product-composition table {
    width: 100%;
    max-width: 500px;
}

.tf-product-composition table td {
    padding: 0.5rem;
}

.tf-product-composition table td:first-child {
    font-weight: 500;
}

.tf-product-composition table td:last-child {
    text-align: right;
    color: #666;
}

/* Warning alert styling */
.alert-warning {
    background-color: #fff3cd;
    border-color: #ffc107;
    border-left: 4px solid #ffc107;
    padding: 1rem;
    border-radius: 4px;
}

.alert-warning h6 {
    color: #856404;
    margin-bottom: 0.5rem;
}

.alert-warning p {
    color: #856404;
    margin-bottom: 0;
}

/* Manufacturer info styling */
.tf-product-manufacturer .small {
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Related products - View Details button */
.flat-spacing-1 .card-product-info {
    padding-bottom: 1rem;
}

.flat-spacing-1 .card-product-info .title {
    margin-bottom: 0.5rem;
    display: block;
}

/* Add View Details button to related products */
.flat-spacing-1 .card-product-info::after {
    content: "View Details →";
    display: inline-block;
    color: #0066cc;
    font-weight: 500;
    font-size: 0.875rem;
    margin-top: 0.5rem;
    transition: color 0.3s ease;
}

.flat-spacing-1 .card-product:hover .card-product-info::after {
    color: #004499;
}

/* NAFDAC registration styling */
.tf-product-info-title .text-muted {
    font-size: 0.875rem;
    color: #666;
}

/* Share buttons styling */
.tf-product-share .share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    transition: transform 0.3s ease, opacity 0.3s ease;
    text-decoration: none;
}

.tf-product-share .share-btn:hover {
    transform: scale(1.1);
    opacity: 0.9;
}

.tf-product-share .share-facebook {
    background-color: #1877f2;
}

.tf-product-share .share-twitter {
    background-color: #000;
}

.tf-product-share .share-instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.tf-product-share .share-tiktok {
    background-color: #000;
}

.tf-product-share .share-pinterest {
    background-color: #e60023;
}

.tf-product-share .share-btn i,
.tf-product-share .share-btn svg {
    font-size: 18px;
}