/**
 * Public styles for Banks Management Ads plugin
 * Styles for QS and IcanBuy widgets
 */

/* IcanBuy Widget Styles */
.icb_widget {
	width: 100%;
	min-height: 400px;
	border: none;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	margin: 20px 0;
	background: #fff;
}

/* QS Widget Styles */
#qsWidgetContainer,
[id^="qsWidgetContainer"] {
	width: 100%;
	margin: 20px 0;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Logo image wrapper fix for QS widgets */
.logo-image-wrapper img {
	max-width: 100% !important;
	height: auto !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.icb_widget {
		min-height: 350px;
		margin: 15px 0;
	}
	
	#qsWidgetContainer,
	[id^="qsWidgetContainer"] {
		margin: 15px 0;
	}
}

@media (max-width: 480px) {
	.icb_widget {
		min-height: 300px;
		margin: 10px 0;
	}
	
	#qsWidgetContainer,
	[id^="qsWidgetContainer"] {
		margin: 10px 0;
	}
}

.banks-max-width-300 {
	max-width: 300px !important;
}

.banks_placement svg {
	max-width: 100%;
}

.banks_placement .desktop-visible {
	display: block;
}

.banks_placement .mobile-visible {
	display: none;
}

.banks_placement .wp-block-group:last-child {
	margin-bottom: 0 !important;
}

.banks_placement .similar-companies-hubpages.wp-block-group:last-child {
	padding-bottom: .65rem !important;
}

.svg-skeleton-visible-all {
	width: 100%;
	height: 100%;
	display: block;
}

.svg-skeleton-visible-all svg {
	min-width: 100%;
	max-width: 100%;
}

.banks-review-individual-cta .wp-block-image {
	margin-bottom: 0;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #E8EEF6;
    border-radius: 4px 4px 4px 4px;
}

.banks-ads__article-single-content p {
	margin-bottom: 0.5rem !important;
}

.banks-ads__single-container .banks-review-individual-cta__content {
	margin-bottom: 0 !important;
}

.banks-ads__single-container .wp-element-button.banks-button-cta {
	padding: .6rem 1.5rem;
}

.wp-element-button.banks-button-cta {
	color: #fff !important;
}

.banks-review-individual-cta .tpNumReviews {
	font-size: 9px;
    color: #313543;
}

.banks-review-individual-cta .trust-score,
.banks-review-individual-cta .tpRating.tpRating > div {
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
	justify-content: flex-start;
	font-size: 9px;
}

.single-reviews .banks-review-individual-cta .trust-score,
.single-reviews .banks-review-individual-cta .tpRating.tpRating > div {
	justify-content: center;
}

.banks-review-individual-cta .trust-score .tpRating > div .tpLogo {
	margin-left: 0 !important;
	left: 10px !important;
}

.banks-ads_non-brand-txt-cta {
	border-left: 4px solid var(--global-palette1);
}

.wp-block-group.container-buttons.container-buttons.container-buttons {
	margin-bottom: 0;
}

.container-buttons .container-cta {
	text-align: right;
}

.container-buttons .banks-button-cta.banks-button-cta.banks-button-cta-kevel {
	min-width: unset !important;
	text-transform: uppercase;
}

.wp-element-button.banks-button-cta.banks-button-cta-kevel svg {
	margin-left: .5rem;
	position: relative;
	right: 0;
}

.container-buttons .banks-button-cta-kevel.type-link {
	background-color: transparent !important;
	border-color: transparent;
	color: var(--global-palette1) !important;
	box-shadow: unset;
	padding: .4rem 0 0;
	font-size: .8rem;
	text-transform: unset;
}

.container-buttons .banks-button-cta-kevel.type-link:hover {
	box-shadow: unset !important;
}

.banks-single-featured-profiles-dsg-2023.banks-featured-company .wp-block-button__link::after,
.banks-featured-company-listing-hubpage.banks-single-featured-profiles-dsg-2023 .wp-block-button__link::after {
	content: none;
}

.banks-single-featured-profiles-dsg-2023 .wp-block-button__link.wp-block-button__link.banks-button-cta-kevel {
	display: inline-block;
	padding: .5rem 3rem;
	font-weight: 400;
	font-size: 1rem;
}

.banks-featured-element-for-hub {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	position: relative;
    margin-bottom: .75rem;
}

.banks-featured-company-listing-hubpage.banks-single-featured-profiles-dsg-2023 .wp-block-button__link.wp-block-button__link.banks-button-cta-kevel {
	padding: .5rem 3rem;
}

.banks-featured-company-listing-hubpage.banks-single-featured-profiles-dsg-2023 .wp-block-button__link.wp-block-button__link.banks-button-cta-kevel.type-link {
	text-transform: unset;
}

.tpRating.tpRating > div .tpLogo {
    display: flex;
    align-items: center;
}

.banks-featured-element-for-hub .banks-kevel-ad-pixel {
	grid-column: auto;
	grid-row: auto;
	width: 0;
	height: 0;
	position: absolute;
	visibility: visible;
}

.banks-featured-element-for-hub .wp-block-image {
    position: relative;
    overflow: hidden;
	height: 100px;
    min-height: unset;
}

.banks-featured-element-for-hub .wp-block-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	height: auto;
}

.banks-featured-element-for-hub.banks-featured-element-for-hub p {
    padding-bottom: var(--wp--preset--spacing--30) !important;
}

.banks-featured-element-for-hub .banks-related-articles.banks-related-articles p {
	display: block;
}

.banks-featured-element-for-hub .banks-related-articles {
	padding-bottom: 0 !important;
	position: relative;
}

.banks-featured-element-for-hub .banks-related-articles .wp-block-group__inner-container {
	height: 100%;
}

.banks-featured-element-for-hub .banks-related-articles .wp-block-group__inner-container  a {
	height: 100%;
    display: block;
    position: relative;
	padding-bottom: calc( var(--wp--preset--spacing--30) * 3 );
}

.banks-featured-element-for-hub .banks-similar-link {
	position: absolute;
    bottom: var(--wp--preset--spacing--30);
}

.banks-ads_company-non-sponsored p {
	margin-bottom: 0.2rem !important;
	line-height: 1.3;
}

.banks-ads_company-non-sponsored .banks-button-cta-kevel {
	margin-top: 0 !important;
}

.banks-ads_company-non-sponsored-img {
	margin-bottom: 0 !important;
	border: .3rem solid #e8eef6 !important;
	height: 120px !important;
}

@media ( max-width: 768px ) {
	.banks_placement .desktop-visible {
		display: none;
	}

	.banks_placement .mobile-visible {
		display: block;
	}

	.banks-ads__single-container .banks-review-individual-cta__content .wp-block-column:first-child {
		max-width: 80px;
		width: auto !important;
		flex-basis: unset !important;
	}
	.banks-ads__single-container .banks-review-individual-cta__content .wp-block-column:nth-child(2) {
		width: calc( 100% - 130px ) !important;
		flex-basis: unset !important;
	}
	.banks-ads__single-container .banks-review-individual-cta__content .wp-block-column:last-child {
		position: absolute;
		bottom: .5rem;
		left: 0;
		right: .5rem;
	}
	.banks-ads__single-container {
		padding-bottom: 2.5rem;
	}

	.banks-ads__single-container.with-external-link {
		padding-bottom: 4.5rem;
	}
	.container-buttons .container-cta {
		text-align: center;
	}
	.banks-ads__single-container.with-external-link .banks-review-individual-cta__content .wp-block-column:last-child {
		left: 0;
		right: 0;
	}
	.container-buttons .container-cta .banks-button-cta-kevel:first-child,
	.banks-ads__single-container .container-cta .banks-button-cta-kevel {
		min-width: calc( 100% - 1rem ) !important;
	}
	.banks-ads__single-container.banks-recommended-content.banks-recommended-content .trust-score.trust-score.trust-score {
		padding-top: 0 !important;
	}

	.banks-featured-company-listing-hubpage.banks-featured-company-listing-hubpage.banks-single-featured-profiles-dsg-2023 .tpRating.tpRating > div,
	.banks-featured-company-listing-hubpage.banks-featured-company-listing-hubpage.banks-single-featured-profiles-dsg-2023 .tpRating.tpRating > div .tpLogo,
	.banks-featured-company.banks-featured-company.banks-single-featured-profiles-dsg-2023 .tpRating.tpRating > div,
	.banks-featured-company.banks-featured-company.banks-single-featured-profiles-dsg-2023 .tpRating.tpRating > div .tpLogo {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		vertical-align: middle;
		width: 100%;
		line-height: 1.4;
	}

	.banks-featured-company-listing-hubpage.banks-featured-company-listing-hubpage.banks-single-featured-profiles-dsg-2023 .wp-block-button__link.banks-button-cta-kevel {
		margin-top: 0;
	}

	.banks-featured-company-listing-hubpage.banks-featured-company-listing-hubpage.banks-single-featured-profiles-dsg-2023 figure.wp-block-image.wp-block-image {
		height: 90px;
	}

	.tpRating.tpRating > div .tpLogo {
		align-items: center;
	}
}

@media (max-width: 600px) {
	.banks-featured-element-for-hub {
		grid-template-columns: repeat(1, 1fr);
	}

	.banks-featured-element-for-hub .banks-max-width-300 {
		max-width: 100% !important;
	}

	.banks-featured-element-for-hub .wp-block-image {
		height: 75px;
		width: 75px;
		margin-bottom: 1rem;
	}

	.banks-featured-element-for-hub .wp-block-image img {
		width: 100%;
	}

	.banks-featured-element-for-hub .banks-related-articles .wp-block-group__inner-container a {
		display: grid;
		grid-template-columns: 75px auto;
		gap: .5rem;
		padding: 0.4rem !important;
		padding-bottom: calc( var(--wp--preset--spacing--30) * 2 ) !important;
	}

	.banks-featured-element-for-hub .banks-related-articles.banks-related-articles p {
		max-width: unset !important;
	}

	.banks-featured-element-for-hub .banks-related-articles .wp-block-group__inner-container a .banks-similar-link {
		font-size: .7rem;
		right: 0;
		bottom: 0;
	}
}

@media ( max-width: 580px ) {
	.banks-ads_company-non-sponsored p {
		margin-bottom: 0.3rem !important;
	}

	.banks-ads_company-non-sponsored.banks-single-featured-profiles-dsg-2023 figure.wp-block-image.wp-block-image {
		height: 100px;
	}
}