/* ===============================================
   WeYouth Custom Styles
   =============================================== */

/* -----------------------------------------------
   Polylang Language Switcher
   ----------------------------------------------- */

/* Mobile menu language switcher */
.menu_mobile .languages_mobile {
    margin: 1.5em 0 0;
    text-align: center;
}

.menu_mobile .languages_mobile ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.menu_mobile .languages_mobile li {
    display: inline-block;
}

.menu_mobile .languages_mobile a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    text-decoration: none;
}

.menu_mobile .languages_mobile img {
    width: 24px;
    height: auto;
}

/* Desktop header language switcher (custom) */
.languages_header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.languages_header ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}

.languages_header li {
    display: inline-block;
}

.languages_header a {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
}

.languages_header img {
    width: 20px;
    height: auto;
}

/* Desktop header language switcher (Polylang widget in Elementor) */
.widget.wp-widget-polylang ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;
}

.widget.wp-widget-polylang li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget.wp-widget-polylang li::before,
.widget.wp-widget-polylang li::marker {
    display: none;
    content: none;
}

.widget.wp-widget-polylang a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.widget.wp-widget-polylang a:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-1px);
}

.widget.wp-widget-polylang img {
    width: 22px !important;
    height: 16px !important;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Current language highlight */
.widget.wp-widget-polylang li.current-lang a {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
}

/* -----------------------------------------------
   Remove uppercase from menu and widget titles
   ----------------------------------------------- */

/* Main navigation menu */
.sc_layouts_menu_nav > li > a,
.sc_layouts_menu_nav > li li > a,
.sc_layouts_menu_popup .sc_layouts_menu_nav > li > a,
.sc_layouts_menu_nav li a {
    text-transform: none !important;
    white-space: nowrap !important;
}

/* Submenu - auto width for long text */
.sc_layouts_menu_nav > li ul,
.sc_layouts_menu_nav > li > ul,
.sc_layouts_menu_nav .sub-menu {
    width: auto !important;
    min-width: 14em;
    max-width: 22em;
}

/* Mobile menu */
.menu_mobile .menu_mobile_nav_area a,
.menu_mobile_nav_area li a {
    text-transform: none !important;
}

/* Widget titles */
.widget .widget_title,
.widget .widgettitle,
.widget_fullwidth .widget_title,
.widget_fullwidth .widgettitle {
    text-transform: none !important;
}
/* -----------------------------------------------
   Cards: equal height within each container
   ----------------------------------------------- */

/* === UNIVERSAL GRID FIX === */
.sc_team_columns_wrap,
.sc_services_columns_wrap,
.sc_blogger_columns_wrap,
.sc_item_columns {
    display: flex !important;
    flex-wrap: wrap;
}

.sc_team_columns_wrap > [class*="column-"],
.sc_services_columns_wrap > [class*="column-"],
.sc_blogger_columns_wrap > [class*="column-"],
.sc_item_columns > [class*="column-"] {
    display: flex;
}

/* === TEAM CARDS === */
.sc_team_item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.sc_team_item_thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

.sc_team_item_thumb::before {
    content: "";
    display: block;
    padding-top: 100%; /* Square */
}

.sc_team_item_thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.sc_team_item_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1em 1.5em !important;
    min-height: 250px;
    justify-content: space-around;
}

.sc_team_item_content {
    flex: 1;
}

/* Push bottom elements (socials, button) to bottom */
.sc_team_item_socials {
    margin-top: auto;
}

.sc_team_item_button {
    margin-top: auto;
}

/* === SERVICES CARDS === */
.sc_services_item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.sc_services_item_thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sc_services_item_thumb::before {
    content: "";
    display: block;
    padding-top: 66.67%; /* 3:2 ratio */
}

.sc_services_item_thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sc_services_item_info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sc_services_item_content {
    flex: 1;
}

.sc_services_item_button {
    margin-top: auto;
}

/* === BLOGGER CARDS === */
.sc_blogger_item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.sc_blogger_item .sc_blogger_item_featured,
.sc_blogger_item .sc_item_featured {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sc_blogger_item .sc_blogger_item_featured::before,
.sc_blogger_item .sc_item_featured::before {
    content: "";
    display: block;
    padding-top: 66.67%; /* 3:2 ratio */
}

.sc_blogger_item .sc_blogger_item_featured img,
.sc_blogger_item .sc_item_featured img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sc_blogger_item_body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sc_blogger_item_content {
    flex: 1;
}

.sc_blogger_item_footer,
.sc_blogger_item_button {
    margin-top: auto;
}

/* === PORTFOLIO CARDS === */
.sc_portfolio_item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.sc_portfolio_item_thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sc_portfolio_item_thumb::before {
    content: "";
    display: block;
    padding-top: 75%; /* 4:3 ratio */
}

.sc_portfolio_item_thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sc_portfolio_item_info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sc_portfolio_item_button {
    margin-top: auto;
}

/* === TESTIMONIALS === */
.sc_testimonials_item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sc_testimonials_item_content {
    flex: 1;
}

.sc_testimonials_item_author {
    margin-top: auto;
}

/* === PRICE CARDS === */
.sc_price_item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sc_price_item_details {
    flex: 1;
}

.sc_price_item_button {
    margin-top: auto;
}

/* === ICONS CARDS === */
.sc_icons_item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sc_icons_item_description {
    flex: 1;
}

.sc_icons_item_link {
    margin-top: auto;
}

/* === ACTION CARDS === */
.sc_action_item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sc_action_item_description {
    flex: 1;
}

.sc_action_item_button {
    margin-top: auto;
}

/* Remove uppercase from card titles */
.sc_team_item_title,
.sc_team_item_subtitle,
.sc_services_item_title,
.sc_services_item_subtitle,
.sc_blogger_item_title,
.sc_portfolio_item_title,
.sc_portfolio_item_subtitle,
.sc_testimonials_item_author_title,
.sc_price_item_title,
.sc_icons_item_title,
.sc_action_item_title,
.sc_action_item_subtitle {
    text-transform: none !important;
}

/* -----------------------------------------------
   Blog posts: equal height cards (16:9 ratio) with always visible overlay
   ----------------------------------------------- */

/* Blog grid container */
.blog_style_classic .posts_container,
.blog_style_masonry .posts_container,
.blog_style_portfolio .posts_container {
    display: flex !important;
    flex-wrap: wrap;
}

/* Blog post items - equal height */
.blog_style_classic .post_item,
.blog_style_masonry .post_item,
.blog_style_portfolio .post_item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Post featured image - fixed 16:9 aspect ratio (1920:1080) */
.post_featured {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.post_featured::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9 ratio = 9/16 * 100% */
}

.post_featured img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Mask (dark overlay) - always visible */
.post_featured.hover_fade .mask,
.post_featured.hover_slide .mask,
.post_featured.hover_pull .mask,
.post_featured.hover_border .mask {
    opacity: 0.6 !important;
}

/* Increase mask opacity on hover */
.post_featured.hover_fade:hover .mask,
.post_featured.hover_slide:hover .mask,
.post_featured.hover_pull:hover .mask,
.post_featured.hover_border:hover .mask {
    opacity: 0.8 !important;
}

/* Post info - flexbox centering */
.post_featured.hover_fade .post_info,
.post_featured.hover_slide .post_info,
.post_featured.hover_pull .post_info,
.post_featured.hover_border .post_info {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

/* Post info back - always visible (override default hidden state) */
.post_featured.hover_fade .post_info .post_info_back,
.post_featured.hover_fade.top_to_bottom .post_info .post_info_back,
.post_featured.hover_fade.bottom_to_top .post_info .post_info_back,
.post_featured.hover_fade.left_to_right .post_info .post_info_back,
.post_featured.hover_fade.right_to_left .post_info .post_info_back,
.post_featured.hover_slide .post_info .post_info_back,
.post_featured.hover_pull .post_info .post_info_back,
.post_featured.hover_border .post_info .post_info_back {
    position: static !important;
    margin: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    padding: 10px 20px !important;
}

/* Title - always visible with opacity */
.post_featured.hover_fade .post_info .post_title,
.post_featured.hover_fade.top_to_bottom .post_info .post_title,
.post_featured.hover_fade.bottom_to_top .post_info .post_title,
.post_featured.hover_fade.left_to_right .post_info .post_title,
.post_featured.hover_fade.right_to_left .post_info .post_title,
.post_featured.hover_slide .post_info .post_title,
.post_featured.hover_pull .post_info .post_title,
.post_featured.hover_border .post_info .post_title {
    opacity: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-wrap: break-word;
    font-size: 2em !important;
    line-height: 1.4em !important;
    max-height: 5.6em !important;
    margin-bottom: 0.5em !important;
}

/* Date/meta - always visible with opacity */
.post_featured.hover_fade .post_info .post_descr,
.post_featured.hover_fade.top_to_bottom .post_info .post_descr,
.post_featured.hover_fade.bottom_to_top .post_info .post_descr,
.post_featured.hover_fade.left_to_right .post_info .post_descr,
.post_featured.hover_fade.right_to_left .post_info .post_descr,
.post_featured.hover_slide .post_info .post_descr,
.post_featured.hover_pull .post_info .post_descr,
.post_featured.hover_border .post_info .post_descr {
    /*opacity: 1 !important;*/
}

/* Hide excerpt by default */
.post_featured .post_info .post_excerpt {
    display: none !important;
}

/* Show excerpt on hover - max 3 lines */
.post_featured:hover .post_info .post_excerpt {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-wrap: break-word;
    margin-top: 15px !important;
    line-height: 1.4 !important;
}

/* -----------------------------------------------
   Footer disclaimer - language switcher
   ----------------------------------------------- */

/* Hide Armenian disclaimer by default (English) */
html:not([lang="hy"]) .disclaimer-hy,
body:not([lang="hy"]) .disclaimer-hy {
    display: none !important;
}

/* For Armenian language - hide English, show Armenian */
html[lang="hy"] .disclaimer-en,
body[lang="hy"] .disclaimer-en {
    display: none !important;
}

html[lang="hy"] .disclaimer-hy,
body[lang="hy"] .disclaimer-hy {
    display: block !important;
}

/* -----------------------------------------------
   Armenian font override
   ----------------------------------------------- */

/* Use system font for Armenian to match English size better */
html[lang="hy"] body,
html[lang="hy"] p,
html[lang="hy"] span,
html[lang="hy"] div,
html[lang="hy"] a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

html[lang="hy"] h1,
html[lang="hy"] h2,
html[lang="hy"] h3,
html[lang="hy"] h4,
html[lang="hy"] h5,
html[lang="hy"] h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* -----------------------------------------------
   Add your custom styles below
   ----------------------------------------------- */

/*#test1_sc_swiper {*/
/*    width: 102vw;*/
/*    transform: translate(-14%, 0px);*/
/*}*/