/* ==========================================================================
   TCG Quote Card – Stylesheet
   ========================================================================== */

.tcg-quote-card {
	--tcg-qc-accent:      #f0e1ab;
	--tcg-qc-text:        #e8e0d4;
	--tcg-qc-text-muted:  #8a8a8a;
	--tcg-qc-avatar-bg:   #333333;
	--tcg-qc-avatar-text: #f0e1ab;
	--tcg-qc-star-off:    #444444;
	--tcg-qc-star-on:     #f0e1ab;
	--tcg-qc-font-quote:  'Georgia', 'Times New Roman', serif;
	--tcg-qc-font-ui:     'Helvetica Neue', 'Arial', sans-serif;
/*	--tcg-qc-icon-size:   26px; */   /* height of the icon line */
	--tcg-qc-icon-size:   40px;    /* height of the icon line */	
}

.tcg-quote-card--light {
	--tcg-qc-accent:      #c8a96e;
	--tcg-qc-text:        #1a1a1a;
	--tcg-qc-text-muted:  #666666;
	--tcg-qc-avatar-bg:   #e8e0d4;
	--tcg-qc-avatar-text: #1a1a1a;
	--tcg-qc-star-off:    #d4cfc8;
	--tcg-qc-star-on:     #c8a96e;
}

.tcg-quote-card--red {
	--tcg-qc-accent:      #d01515;
	--tcg-qc-text:        #f0ece8;
	--tcg-qc-text-muted:  #888888;
	--tcg-qc-avatar-bg:   #2e2e2e;
	--tcg-qc-avatar-text: #d01515;
	--tcg-qc-star-off:    #3a3a3a;
	--tcg-qc-star-on:     #d01515;
}

/* --------------------------------------------------------------------------
   Base Card — position:relative so the icon can be pinned inside it
   -------------------------------------------------------------------------- */
.tcg-quote-card {
	position:    relative;
	/*padding:     32px 0; */
	padding:     50px 0 !important;	
	font-family: var(--tcg-qc-font-ui);
}

/* --------------------------------------------------------------------------
   FA quote icon — absolutely pinned to upper-right corner
   -------------------------------------------------------------------------- */
.tcg-quote-card__quote-icon {
	position:    absolute;
	top:         0;
	right:       0;
	font-size:   var(--tcg-qc-icon-size);
	line-height: 1;
	padding:     15px;
}

.tcg-quote-card__quote-icon i {
	color: #f0e1ab;
}

/* --------------------------------------------------------------------------
   Card title — top-left, same visual row as the icon
   The padding-right reserves space so title text never overlaps the icon
   -------------------------------------------------------------------------- */
.tcg-quote-card__title {
	display:        block;
	font-family:    var(--tcg-qc-font-ui);
	font-size:      13px;
	font-weight:    700;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color:          var(--tcg-qc-text-muted);
	line-height:    calc(var(--tcg-qc-icon-size) + 30px); /* matches icon + top/bottom padding */
	padding-right:  calc(var(--tcg-qc-icon-size) + 42px); /* icon + left/right padding + gap */
	margin-bottom:  24px; /* extra line gap before author name */
}

/* --------------------------------------------------------------------------
   Author row
   -------------------------------------------------------------------------- */
.tcg-quote-card__author {
	display:       flex;
	align-items:   center;
	gap:           14px;
	margin-bottom: 20px;
}

.tcg-quote-card__avatar {
	width:         52px;
	height:        52px;
	border-radius: 50%;
	object-fit:    cover;
	flex-shrink:   0;
	border:        2px solid var(--tcg-qc-accent);
}

.tcg-quote-card__avatar--placeholder {
	display:          flex;
	align-items:      center;
	justify-content:  center;
	background-color: var(--tcg-qc-avatar-bg);
	color:            var(--tcg-qc-avatar-text);
	font-size:        20px;
	font-weight:      700;
	letter-spacing:   0.05em;
	border:           2px solid var(--tcg-qc-accent);
}

.tcg-quote-card__author-info {
	display:        flex;
	flex-direction: column;
	gap:            4px;
	flex:           1;
}

.tcg-quote-card__author-name {
	font-family: var(--tcg-qc-font-ui);
	font-size:   15px;
	font-weight: 700;
	color:       var(--tcg-qc-text);
	line-height: 1.2;
    padding-left: 20px;
    padding-top: 20px;	
}

.tcg-quote-card__author-title {
	font-family: var(--tcg-qc-font-ui);
	font-size:   13px;
	font-weight: 400;
	color:       var(--tcg-qc-text-muted);
	line-height: 1.3;
	padding-left: 20px;
}

/* Stars */
.tcg-quote-card__stars {
	display:    flex;
	gap:        3px;
	margin-top: 2px;
}

.tcg-quote-card__star {
	font-size:   16px;
	line-height: 1;
	color:       var(--tcg-qc-star-off);
}

.tcg-quote-card__star--filled {
	color: var(--tcg-qc-star-on);
}

/* Company logo — right side of author row */
.tcg-quote-card__logo {
	max-height:  36px;
	max-width:   90px;
	width:       auto;
	object-fit:  contain;
	flex-shrink: 0;
	filter:      brightness(0) invert(1);
	opacity:     0.7;
}

.tcg-quote-card--light .tcg-quote-card__logo {
	filter:  none;
	opacity: 1;
}

/* --------------------------------------------------------------------------
   Quote body
   -------------------------------------------------------------------------- */
.tcg-quote-card__quote {
	margin:         0;
	/* padding:        0; */
	padding:        20px;	
	border:         none;
	font-family:    var(--tcg-qc-font-quote);
	font-size:      clamp(15px, 1.8vw, 18px);
	font-style:     italic;
	line-height:    1.75;
	color:          var(--tcg-qc-text);
	letter-spacing: 0.01em;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 600px) {
	.tcg-quote-card        { padding: 24px 0; }
	.tcg-quote-card__quote { font-size: 15px; }
	.tcg-quote-card__logo  { max-height: 28px; max-width: 80px; }
}

/* Elementor editor */
.elementor-editor-active .tcg-quote-card { min-height: 80px; }