/**
 * Enrichment Cards Frontend Styles 
 */

/* 13-11-25 */
/* enrichment card */
html{margin: 0 !important;}
.anrch_main { padding: 20px 30px; border-radius: 12px; box-shadow: 0 0 10px rgba(0, 0, 0, .2);position: relative;}
.drop_d_row { padding-bottom: 30px;}
.drop_d_row form {display: flex; gap: 12px; width: 100%;}
.drop_d_row select {border-radius: 50px;max-width: 135px;margin: 0;}
.drop_d_row select:focus { outline: none; box-shadow: none;}
.anrch_main .heading1 {margin-bottom: 20px;}
.enrch_card { padding: 15px; border-radius: 12px; border: 1px solid #ddd; margin-bottom: 20px;}
.enrch_card h3 {margin-bottom: 5px;text-align: left; font-size: 24px;}
.enrch_card p { margin-bottom: 6px;}
.enrch_card ul { display: flex;flex-wrap: wrap; margin: 0 0 20px 0; align-items: flex-start; gap: 5px;}
.enrch_card ul li { background-color: #fff1d2;border-radius: 12px; padding: 4px 10px; color: #222630;margin: 0;}
.opn_btn { display: block;background-color: #fff1d2;border-radius: 12px; padding: 8px 15px; color: #222630;text-align: center;}
.opn_btn:hover {background-color: #e99330;color: #fff;}

.hover_card { position: absolute; left: 50%;transform: translateX(-50%); top: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 20px;max-width: 400px; display: none;}
.top_row { display: flex; align-items: center; justify-content: space-between;margin-bottom: 15px;}
.hover_card h4 { font-size: 24px; margin: 0 0 10px 0;}
.tag { gap: 10px;}
.tag svg { width: 30px; height: 30px;}
.hover_card p { margin-bottom: 15px;}
.tiny { margin: 0 0 0 0;padding: 0;border-bottom: 1px solid #ddd;}
.tiny li { display: block; margin: 0 0 10px 0;display: flex; gap: 12px;}
.footer_note { margin-bottom: 12px;}
.actions { align-items: center;gap: 5px;}
.actions a { background-color: #fff1d2;border-radius: 12px; padding: 4px 10px; color: #222630;}

.enrch_card:hover {background-color: #fff2d4;}
.enrch_card:hover .hover_card {display: block;}

.anrch_side { padding: 20px 15px; border-radius: 12px;box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.blue_box {background-color: #3e7080;padding: 15px 12px;border-radius: 12px;}
.wh_box { background-color: #fff; padding: 15px;margin-bottom: 15px;}
.anrch_side .heading1 {margin-bottom: 20px;}
.tag_bg {background-color: #ffeabe; border-radius: 6px; padding: 10px 12px;margin-bottom: 15px;gap: 12px;}
.tag_right { color: #bd6914;}
.tag_right p { line-height: normal;}
.svg_hlhrs svg { width: 30px; height: 30px;}
.blue_box h3 { text-align: center; font-size: 24px; color: #fff;}
.wh_box .tag { margin-bottom: 15px;}

/* detail page */


/* 04.12.25 */
.ab_search {border-radius: 10px;border: 1px solid #CDBAA9;background: #F7F4EF;display: flex; width: 320px; height: 54px;padding: 6px 22px;align-items: center;gap: 10px;}
.ab_search .ab_search_btn {background-color: transparent;background-image: url(../images/en_search.svg);background-repeat: no-repeat;background-position: center;border: 0;outline: none;width: 20px;min-width: 20px;padding: 0;margin: 0;}
.ab_search .ab_search_btn:hover { background-color: transparent;}
.ab_search .search_field {border: 0;outline: none;color: #5E544B;font-size: 18px;font-weight: 400;margin: 0;border: 0;outline: none;background-color: transparent;}
.enrch_banner { position: relative;padding-bottom: 48px;}
.enrich_banner_cap { position: absolute; width: 100%;left: 0; bottom: 0;}
.enrch_b_cap_inner { display: flex; justify-content: space-between; align-items: center;}
.eb_caption_box {padding: 40px 55px; background-image: url(../images/enrichment_banner_cap_bg.jpg);background-position: left top;background-repeat: no-repeat;background-size: cover;width: 100%; max-width: 586px;}
.eb_caption_box h1 {color: #4D230A;font-size: 50px;font-weight: 400;margin: 0 0 10px 0;}
.eb_caption_box p {color: #4F260C;font-size: 20px;font-weight: 400;line-height: 29px;}

.filter_inner { display: flex; gap: 15px; padding-bottom: 15px;margin-bottom: 15px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .2);  align-items: center;}
.filter_items { display: flex;align-items: center;border-radius: 6px;border: 1.2px solid #D4D4D4;height: 45px;padding-left: 8px; padding-right: 10px; cursor: pointer; font-size: 18px;}
.top_filter { border: 0; outline: none; background-color: transparent;height: 45px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: none !important;color: #000;font-size: 18px;font-weight: 400;margin: 0;}
.filter_items_color {border: 1.2px solid #FFD293;background: rgba(255, 229, 193, 0.80);backdrop-filter: blur(2px);color: #000;font-size: 18px;font-weight: 400;}
.filter_icon { margin-right: 10px;}
.filter_items img { vertical-align: top;}

.fb_row {display: flex;width: 100%;align-items: center;}
.fb_row + .fb_row { margin-top: 18px;}
.fb_text { display: block;color: #000;font-size: 18px;font-weight: 400; min-width: 162px; margin-right: 20px;}
.filter_cont { gap: 8px; width: 100%;}
.bottom_filter {outline: none;background-color: #fff;border-radius: 12px;color: #5E544B;font-size: 16px;border: 1px solid rgba(210, 98, 0, 0.2);height: 59px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url(../images/down_arrow11.svg);background-position: right 8px center;background-repeat: no-repeat;max-width: 180px;margin: 0;padding: 0 15px;}

.fb_row .form-check label { margin-top: -7px;}
.fb_row .form-check {padding-left: 16px;}
.fb_row .form-check .form-check-input {margin-left: -16px;}
.fb_row .form-check-input {border: 1px solid #F3A852;}
.fb_row .form-check-input:checked {background-color: #F3A852;border-color: #F3A852;}
.fb_row .form-check-input:focus {border-color: #F3A852;outline: 0;box-shadow: 0 0 0 .25rem rgba(255, 229, 193, 0.80);}

.enrch_img_outr {position: relative; margin-bottom: 20px;}
.enrch_img { display: block;position: relative;}
.enrch_img:after {content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;}
.card_center { display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center;}
.cc_text { display: block; color: #fff; font-size: 18px; line-height: 18px; font-weight: 500; margin-top: 20px;}
.card_tag {background: rgba(0, 0, 0, 0.53); position: absolute;right: 0; top: 0;width: 40px;height: 44px; display: flex; justify-content: center; align-items: center;}
.card_shep { position: absolute; left: 0; bottom: 0;}
.card_btn { display: inline-block; color: #fff; font-size: 12px;border-radius: 4px; padding: 6px 10px;background: rgba(255, 255, 255, 0.13);backdrop-filter: blur(7.75px);position: absolute; right: 10px; bottom: 10px; line-height: 12px;}
.card_btn:hover {background-color: #000; color: #fff;}
.enrch_card_bot { border-top: 1px solid #CDBAA9;padding: 12px 0;}
.enrch_card_bot ul { display: flex;gap: 10px; flex-wrap: wrap;margin: 0;}
.enrch_card_bot ul li { display: flex;gap: 4px; align-items: center;margin: 0;padding: 0;}
.anrch_card {margin-bottom: 20px;}

/* .filter_bottom { display: none;} */
.enrch_card_hover {display: none;position: absolute;left: 50%;top: 50%;width: 76%;text-align: center;transform: translate(-50%, -50%);background-color: #fff;padding: 12px 10px;border-radius: 10px;border: 1px solid #FFD293;}
.enrch_card_hover a {display: inline-flex;width: 130px;height: 35px;background-color: #81141C;border-radius: 40px;justify-content: center;align-items: center;color: #fff;border: 1px solid #81141C;}
.enrch_card_hover a:hover {color: #000;background-color: rgba(255, 229, 193, 0.80);border: 1px solid #FFD293;}
.enrch_card_hover p { line-height: 20px;}

.enrch_img_outr:hover .enrch_card_hover { display: block;}

/* 05.12.25 */
.edb_inner { position: relative;}
.ed_banner_cap {position: absolute;width: 100%;left: 0;top: 0;bottom: 0;padding: 30px 40px;display: flex;justify-content: space-between;align-items: flex-end;background-color: rgba(0, 0, 0, .5);}
.ed_caption_box { color: #fff;max-width: 70%;}
.db_icon { margin-bottom: 30px;}
.ed_caption_box h1 {color: #FFF;font-size: 44px;font-weight: 400;line-height: normal;margin: 0 0 10px 0;text-align: left;}
.ed_caption_box p {font-size: 20px; font-weight: 400; line-height: 29px;text-align: left;}
.b_bann_btn { position: static;}

/* Left Column Content Box */
.content-box {margin-bottom: 30px;}
.content-box h3 {color: #000;font-size: 26px;font-weight: 500;line-height: normal;margin: 0 0 22px 0;}

.ed_top {padding: 25px 0 40px 0; border-bottom: 1px solid #CDBAA9; width: 100%; display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}
.ed_top_left {border: 0; padding: 0;}
.ed_top_left ul {gap: 0;}
.ed_top_left ul li {gap: 10px; font-size: 18px;padding: 0 20px; border-right: 1px solid #CDBAA9;position: relative;}
.ed_top_left ul li:last-child { border: 0;}
.ed_top_left ul li strong { color: #000;}
.ed_top_left ul li em {display: flex;width: 16px;height: 16px; border-radius: 50%;overflow: hidden;cursor: pointer;}	
.t_tip {position: absolute;right: -97px; bottom: 100%; padding: 20px;border: 1px solid #FFD293;border-radius: 10px;background-color: #fff;max-width: 260px;text-align: left;display: none;}
.t_tip:after {content: "";position: absolute;left: 50%;bottom: -5px;background-color: #fff;border: solid #FFD293;border-width: 0 1px 1px 0;display: inline-block;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.list_info:hover .t_tip{ display: block;}
.ed_save_btn {border-radius: 8px;padding: 0 20px; height: 40px; gap: 10px;border: 1.2px solid #FFD293;background: rgba(255, 229, 193, 0.80);backdrop-filter: blur(2px);color: #241010; font-size: 16px; display: flex; justify-content: center; align-items: center;}

.how > div { display: flex; width: 100%;}
.how > div span { display: block; width: 38px;min-width: 38px; border-right: 1px solid #F3A852;font-size: 21px; color: #5E544B;margin-right: 10px;}
.how > div p {font-size: 18px; color: #171A1B;}
.how-step-content {font-size: 18px; color: #171A1B;}
.how-step-content p {margin: 0 0 10px;}
.how div + div { margin-top: 20px;}
.how > div .how-step-content { margin: 0; display: block;}
.content-box h3.tiny_how_title {margin-top: 50px;}
.how_box {border-radius: 10px;
border: 1px solid rgba(205, 186, 169, 0.69);
background: rgba(255, 255, 255, 0.64);max-width: 579px; width: 100%; padding: 20px;position: relative;}
.how_box p { margin: 0;font-size: 18px;}
.thank_box {position: absolute;right: -167px;top: -51px;width: 202px;height: 112px;background-image: url(../images/thank_box.svg);background-position: center;background-repeat: no-repeat;padding: 15px 40px;color: #000;font-size: 22px;font-weight: 500;font-style: italic;text-align: left;}

.content-box ol { list-style: none; margin: 0;padding: 0;}
.content-box ol li { margin: 0;font-size: 18px;color: #171A1B;position: relative;padding-left: 20px;text-align: left;}
.content-box ol li:after {content: ""; width: 9px; height: 9px; border-radius: 50%; background-color: #F3A852; position: absolute; left: 0;top: 5px;}
.content-box ol li + li { margin-top: 20px;}
.content_text p {margin: 0;font-size: 18px; font-weight: 500;text-align: left;}

.note-box {background-color: #FFF2D3;padding: 20px 30px; position: relative; z-index: 2;font-size: 22px;color: #000;text-align: left;}
.note-box::after {content: ""; background-color: #F3A852; position: absolute;left: -10px; bottom: -10px; width: 10px; height: 100%; z-index: -1;}
.note-box::before {content: ""; background-color: #F3A852; position: absolute;left: -10px; bottom: -10px; width: 100%; height: 10px; z-index: -1;}

.sidebar-box {box-shadow: 0 7px 22.4px 0 rgba(0, 0, 0, 0.06);padding: 30px;margin-bottom: 30px;border: 1px solid rgba(0, 0, 0, 0.07);
}
.sidebar-box h3 {font-size: 22px; color: #000;padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.10);margin: 0 0 30px 0;}
.icon_list {margin: 0 0 30px 0; padding: 0;list-style: none;}
.icon_list li {display: flex; gap: 15px;font-size: 20px; color: #241010;text-align: left;}
.icon_list li+li { margin-top: 20px;}
.s_btn_hldr { display: flex; justify-content: space-between;}
.share_btn {display: flex;width: 151px; height: 35px;background-color: #81141C; border-radius: 40px; justify-content: center; align-items: center;gap: 7px; color: #fff;}
.share_btn:hover {color: #F3A852;}
.copy_btn {display: flex;width: 123px; height: 35px;background-color: rgba(255, 229, 193, 0.80);border-radius: 40px; justify-content: center; align-items: center;gap: 7px; border: 1px solid #FFD293;color: #000;}
.copy_btn:hover {color: #000;background-color: #FFD293;}

.sidebar-box-gray {background-color: #F7F4EF;box-shadow: none;}
.link_list {margin: 0; padding: 0;list-style: none;}
.link_list li { margin: 0;text-align: left;}
.link_list li a {display: flex; font-size: 15px; color: #000; justify-content: space-between; align-items: center;text-align: left;}
.link_list li span {display: flex;background-color: #EED8A8; height: 30px; width: 30px; min-width: 30px; justify-content: center; align-items: center; border-radius: 3px;margin-left: 25px;}
.link_list li+li { margin-top: 20px;}
.ed_details_container {margin-bottom: 50px;}
.content-box.content_text {font-size: 18px;}
.enrch_banner_img img { width: 100%;}











/* Loading state */
.ec-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* No results message */
.no-results {
    text-align: center;
    padding: 40px 20px;
    font-size: 18px;
    color: #666;
}

/* Load more button */
.ec-load-more-wrap {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* #ec-load-more {
    padding: 12px 40px;
    font-size: 16px;
    cursor: pointer;
} */

#ec-load-more:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Filter active state */
.top_filter.active,
.bottom_filter.active {
    border-color: #007bff;
    background-color: #f0f7ff;
}

/* Search input focus */
#ec-search-input:focus {
    outline: none;
    border-color: #007bff;
}
 

/* Save button */
.ec-save-card {
    cursor: pointer;
    transition: color 0.3s ease;
}

/* Rating System */
.ec-rating-wrapper {
    display: flex;
    align-items: center;
    /* margin-right: 15px; */
}

.ec-rating-stars {
    display: flex;
    align-items: center;
    gap: 5px;
}

.ec-stars-container {
    display: flex;
    gap: 2px;
    align-items: center;
}

.ec-star {
    cursor: pointer;
    color: #ddd;
    transition: color 0.2s ease, transform 0.1s ease;
    display: inline-flex;
    align-items: center;
    padding: 2px;
}

.ec-star:hover,
.ec-star.hover {
    color: #f9c732;
    transform: scale(1.1);
}

.ec-star.active {
    color: #f9c732;
}

.ec-star svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
}

.ec-star.active svg,
.ec-star.hover svg {
    fill: currentColor;
    stroke: currentColor;
}

.ec-rating-info {
    margin-left: 8px;
    font-size: 14px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 4px;
}

.ec-avg-rating {
    font-weight: 600;
    color: #333;
}

.ec-rating-count {
    font-size: 12px;
    color: #999;
}

/* .ec-save-card.saved {
    color: #007bff;
}

.ec-save-card.saved img {
    filter: invert(32%) sepia(98%) saturate(1234%) hue-rotate(196deg) brightness(97%) contrast(101%);
} */

/* Quick action items */
.icon_list li {
    cursor: pointer;
    transition: color 0.3s ease;
}

.icon_list li:hover {
    color: #007bff;
}

/* Calendar dropdown */
.ec-add-calendar {
    position: relative;
}

.ec-calendar-options {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding: 8px 0;
    min-width: 200px;
    z-index: 20;
}

.ec-calendar-option {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.2;
}

.ec-calendar-option:hover {
    background: #f5f7fb;
    color: #007bff;
}

/* Copy link feedback */
.copy_btn.copied {
    background-color: #28a745 !important;
    color: #fff !important;
}


.reset_btn {display: inline-flex;width: auto;height: 35px;min-width: 100%;background-color: #81141C;border-radius: 40px;justify-content: center;color: #fff;border: 1px solid #81141C;outline: none;line-height: 18px;}
.reset_btn:hover {color: #000;background-color: rgba(255, 229, 193, 0.80);border: 1px solid #FFD293;}
.filter_bottom .row { align-items: flex-end;}


.enrch_img_outr .ec-save-card.saved img { display: none;}
.enrch_img_outr .ec-save-card.saved:after {content: "Saved"; width: 100%; color: #fff;font-size: 13px;text-align: center;position: absolute; left: 0;top: 50%;
transform: translateY(-50%);}
.card_center img { max-width: 61px;}
#ec-load-more {
    padding: 0;
    font-size: 16px;
    cursor: pointer;
    background: transparent;
    border: 0;
    color: #000;
}
.ec-rating-wrapper { margin-top: 10px;}
.ed_details_container .ed_top { padding: 25px 0 10px 0;}
.enrch_card_bot {display: flex; align-items: center; justify-content: space-between;}
.enrch_card_bot .ec-rating-wrapper { margin-top: 0;}
.enrch_card_bot .ec-stars-container {gap: 0px;}
.enrch_card_bot .ec-star { padding: 1px;}
.ec-star svg {width: 15px;height: 15px;}
.content-box p {font-size: 18px;color: #171A1B;text-align: left;}
 
/* Print styles */
@media print {
    /* Hide interactive elements */
    .ed_save_btn,
    .sidebar-box,
    .s_btn_hldr,
    .icon_list,
    .ec-calendar-options,
    header,
    footer,
    nav,
    .filter_top,
    .filter_bottom {
        display: none !important;
    }
    
    /* Full width layout for print */
    .col-lg-8 {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .col-lg-4 {
        display: none !important;
    }
    
    /* Preserve banner styling */
    .enrch_detail_banner {
        page-break-inside: avoid;
        margin-bottom: 30px;
    }
    
    .enrch_banner_img img {
        max-width: 100%;
        height: auto;
    }
    
    .ed_banner_cap {
        position: relative !important;
        background: transparent !important;
        padding: 20px 0 !important;
    }
    
    /* Preserve content styling */
    .ed_details_container {
        margin: 0;
        padding: 0;
    }
    
    .container {
        max-width: 100% !important;
        padding: 0 20px !important;
    }
    
    .content-box {
        page-break-inside: avoid;
        margin-bottom: 30px;
    }
    
    .how,
    .how_box,
    .note-box {
        page-break-inside: avoid;
    }
    
    /* Ensure text is readable */
    body {
        font-size: 12pt;
        line-height: 1.5;
        color: #000 !important;
        background: #fff !important;
    }
    
    /* Hide decorative elements that don't print well */
    .thank_box {
        display: none !important;
    }
    
    /* Preserve list styling */
    .content-box ol li {
        color: #000 !important;
    }
    
    /* Remove shadows and effects */
    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    /* Page breaks */
    .content-box:not(:last-child) {
        page-break-after: auto;
    }
}
@media screen and (max-width:1199px) {
.eb_caption_box {padding: 15px 30px;max-width: 425px;}
.eb_caption_box h1 {font-size: 45px;line-height: normal;}
.filter_cont {gap: 8px;}
.t_tip {right: -52px;padding: 12px;max-width: 223px;text-align: left;font-size: 14px;line-height: 14px;z-index: 2;}
.t_tip:after {left: inherit;right: 60px;}
/* .ec-rating-wrapper {min-width: 216px;} */
}
@media screen and (max-width:991px) {
.eb_caption_box {padding: 15px 15px;max-width: 360px;}
.eb_caption_box h1 {font-size: 26px;}
.db_icon {margin-bottom: 20px;}
.ed_caption_box p {font-size: 18px;line-height: 22px;}
.thank_box {right: -124px;top: -51px; width: 150px;height: 86px;padding: 10px 22px;background-size: 100%;}
.note-box {margin-bottom: 40px;}
.enrch_card_bot ul {gap: 4px;}	
.filter_cont {gap: 10px;}
.bottom_filter {height: 42px;}
.fb_row {display: block;}
.fb_text {margin: 0 0 10px 0;}    
.reset_btn { font-size: 14px; line-height: 16px; padding: 10px 7px;}
}
@media screen and (max-width:767px) {
.thank_box {right: 0px;top: -61px;width: 110px;height: 64px;padding: 10px 15px;font-size: 16px;line-height: 16px;}
.ed_banner_cap {padding: 14px 12px;background-color: rgba(0, 0, 0, .6);top: 0;}
/* .ed_banner_cap {position: static;} */
.db_icon img {max-height: 50px;}
.ed_caption_box {max-width: 100%;margin-bottom: 0;}
.ed_caption_box h1 {font-size: 19px;line-height: 16px; margin-bottom: 5px;}
.ed_caption_box p {font-size: 14px;line-height: 17px;}
.db_icon {margin-bottom: 6px;}
.card_btn {background: rgba(0, 0, 0, 0.5);}
.ed_top {padding: 25px 0 30px 0; width: 100%; display: block;}
.ed_top_left ul li {padding: 0 6px;font-size: 14px;text-align: left;gap: 6px;}
.enrch_card_bot ul {gap: 0px;}
.t_tip {right: -7px;}
.t_tip:after {right: 16px;}
.ed_top_left {margin-bottom: 15px;}
.note-box {padding: 20px 15px;font-size: 18px;}
.sidebar-box {padding: 20px 15px;}
.bottom_filter {background-position: right 3px center;max-width: calc(50% - 4px);padding: 0 8px;}
.filter_cont { gap: 6px;}
.fb_row .form-check label {margin-top: -2px;}

.enrich_banner_cap {position: static;}
.enrch_b_cap_inner { flex-wrap: wrap;justify-content:flex-start}
.eb_caption_box {max-width: 100%;margin: 20px 0;}
.enrch_banner {padding-bottom: 0;}
.enrch_img img { width: 100%;}
.reset_btn {margin-top: 15px; min-width: 150px;}
.filter_inner { flex-wrap: wrap;}
.filter_items_color, .filter_items {font-size: 16px;}


/* Responsive adjustments */

    .filter_cont {
        gap: 10px;
    }
    
    .bottom_filter {
        flex: 1 1 calc(50% - 10px);
    }
    
    .ec-load-more-wrap {
        margin-top: 20px;
    }
}