/* static/css/components/trust-security.css */

/* Import Poppins Font for this component */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Trust & Security Component */
.trust-security {
    padding: clamp(2rem, 8vw, 4rem) 0;
    padding-bottom: 0%;
    background: var(--bg-primary);
    min-height: auto;
}

.trust-security__container {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 6vw, 4rem);
}

/* Left Section */
.trust-security__left {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 4vw, 2rem);
    max-width: 100%;
}

.trust-security__subtitle {
    display: flex;
    width: fit-content;
    padding: clamp(0.75rem, 2vw, 0.75rem) clamp(1rem, 3vw, 1rem);
    justify-content: center;
    align-items: center;
    border-radius: clamp(2rem, 5vw, 2.65rem);
    border: clamp(0.5px, 0.1vw, 0.85px) solid #040548;
    background: radial-gradient(50.91% 97.54% at 50% 2.46%, #11127C 0%, #040548 100%);
    
    color: #ffffff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(0.75rem, 2.5vw, 0.875rem);
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    transition: all var(--transition-base);
}

.trust-security__subtitle:hover {
    transform: translateY(-1px);
    box-shadow: 0px clamp(4px, 1vw, 8px) clamp(8px, 2vw, 16px) rgba(4, 5, 72, 0.3);
}

.trust-security__title {
    color: #ffffff;
    font-family: var(--font-family);
    font-size: clamp(1.5rem, 6vw, 3rem);
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

/* Stats Grid */
.trust-security__stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(1rem, 3vw, 1.5rem);
}

.trust-security__stat {
    text-align: left;
}

.trust-security__stat-number {
    color: #ffffff;
    font-family: var(--font-family);
    font-size: clamp(1.75rem, 5vw, 2.5rem);
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: clamp(0.25rem, 1vw, 0.5rem);
}

.trust-security__stat-label {
    color: #EB1260;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(0.875rem, 3vw, 1.0625rem);
    font-weight: 400;
    line-height: normal;
}

/* CTA Button */
.trust-security__cta-btn {
    display: flex;
    width: fit-content;
    padding: clamp(0.75rem, 2vw, 0.75rem) clamp(1rem, 3vw, 1rem);
    justify-content: center;
    align-items: center;
    gap: clamp(0.5rem, 1vw, 0.5rem);
    border-radius: clamp(2rem, 5vw, 2.65rem);
    border: clamp(0.5px, 0.1vw, 0.85px) solid #EB1260;
    background: radial-gradient(50.91% 97.54% at 50% 2.46%, #7B1B3D 0%, #EB1260 100%);
    
    color: #E3E1EB;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(0.875rem, 3vw, 1rem);
    font-weight: 500;
    line-height: 1.5;
    cursor: pointer;
    transition: all var(--transition-base);
    border: none;
}

.trust-security__cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0px clamp(6px, 2vw, 12px) clamp(12px, 3vw, 24px) rgba(235, 18, 96, 0.4);
}

/* Right Section */
.trust-security__right {
    display: flex;
    align-items: flex-start;
    gap: clamp(1rem, 3vw, 2rem);
}

/* Navigation */
.trust-security__nav {
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 2vw, 1.0625rem);
    flex-shrink: 0;
}

.trust-security__nav-btn {
    width: clamp(30px, 6vw, 46px);
    height: clamp(30px, 6vw, 46px);
    background: transparent;
    border: none;
    cursor: pointer;
    color: #E3E1EB;
    transition: all var(--transition-base);
}

.trust-security__nav-btn svg {
    width: 100%;
    height: 100%;
}

.trust-security__nav-btn--active {
    color: #EB1260;
}

.trust-security__nav-btn:hover {
    transform: scale(1.05);
}

/* Carousel */
.trust-security__carousel {
    flex: 1;
    max-width: 100%;
}

.trust-security__carousel-content {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 3vw, 1.5rem);
}

.trust-security__carousel-card {
    width: 100%;
    height: clamp(200px, 25vw, 259px);
    border-radius: clamp(1rem, 3vw, 1.0625rem);
    background: url('/static/img/homepage/finance1.webp') lightgray 50% / cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: clamp(1.5rem, 4vw, 2rem);
}

.trust-security__carousel-title {
    font-family: var(--font-family);
    font-size: clamp(1.25rem, 4vw, 2rem);
    font-weight: 500;
    line-height: normal;
    margin: 0 0 clamp(0.5rem, 2vw, 1rem) 0;
    color: #ffffff;
}

.trust-security__carousel-desc {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(0.875rem, 3vw, 1rem);
    font-weight: 400;
    line-height: normal;
    margin: 0;
    color: #ffffff;
}

/* Global Standard Section */
/* Global Standard Section */
.trust-security__global-standard {
  width: 100%;
  height: clamp(200px, 30vw, 292.91px);
  border-radius: clamp(1rem, 3vw, 1.585rem);
  border: clamp(0.5px, 0.1vw, 0.85px) solid #EB1260;
  background: rgba(235, 18, 96, 0.15);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

/* Image Section - Top Part */
.trust-security__global-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(1rem, 3vw, 1.5rem);
  background: rgba(235, 18, 96, 0.15);
}

.trust-security__rocket-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(1.2);
}

/* Content Section - Bottom Part */
.trust-security__global-content {
  background: rgba(235, 18, 96, 0.15);
  padding: clamp(1rem, 3vw, 1.5rem);
  border-top: 1px solid rgba(235, 18, 96, 0.3);
}

.trust-security__global-title {
  color: #ffffff;
  font-family: var(--font-family);
  font-size: clamp(1rem, 4vw, 1.69rem);
  font-weight: 500;
  line-height: normal;
  margin: 0 0 clamp(0.25rem, 1vw, 0.5rem) 0;
}

.trust-security__global-desc {
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(0.75rem, 2.5vw, 0.875rem);
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

/* Tablet Layout */
@media (min-width: 768px) {
    .trust-security__stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .trust-security__stat {
        text-align: left;
    }
}

/* Desktop Layout */
@media (min-width: 1024px) {
    .trust-security__container {
        flex-direction: row;
        align-items: flex-start;
        gap: clamp(2rem, 4vw, 4rem);
    }
    
    .trust-security__left {
        flex: 1;
        max-width: 50%;
    }
    
    .trust-security__right {
        flex: 1;
        max-width: 50%;
    }
    
    .trust-security__stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .trust-security__nav {
        display: none;
    }
}

/* Light Theme */
[data-theme="light"] .trust-security__title,
[data-theme="light"] .trust-security__stat-number,
[data-theme="light"] .trust-security__carousel-title,
[data-theme="light"] .trust-security__carousel-desc,
[data-theme="light"] .trust-security__global-title,
[data-theme="light"] .trust-security__global-desc {
    color: var(--text-primary);
}

[data-theme="light"] .trust-security__nav-btn {
    color: var(--text-secondary);
}

[data-theme="light"] .trust-security__nav-btn--active {
    color: #EB1260;
}