/**
 * GVA Inscription Section — Split Minimaliste & Split Asymétrique
 */

.gva-inscription-section {
   --ins-green: #008751;
   --ins-blue: #113255;
   --ins-blue-dark: #112233;
   max-width: 1140px;
   margin: 0 auto;
   padding: 10px 0 24px;
   color: #1a1a1a;
   font-family: inherit;
}

/* ==================================================
   SPLIT MINIMALISTE
   ================================================== */
.gva-inscription-section.style-split_minimal .section-intro {
   margin-bottom: 48px;
}

.gva-inscription-section.style-split_minimal .section-title {
   font-size: clamp(1.6rem, 3vw, 2.25rem);
   font-weight: 800;
   letter-spacing: -1px;
   color: #111111;
   margin: 0 0 12px;
}

.gva-inscription-section.style-split_minimal .section-subtitle {
   color: #666666;
   font-size: 1rem;
   line-height: 1.6;
   margin: 0;
}

.gva-inscription-section.style-split_minimal .split-grid {
   display: grid;
   grid-template-columns: 1fr 1.2fr;
   background: #ffffff;
   border-radius: 32px;
   box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.05);
   border: 1px solid #f0f0f0;
   overflow: hidden;
}

.gva-inscription-section.style-split_minimal .grid-panel {
   padding: 48px 44px;
   display: flex;
   flex-direction: column;
}

.gva-inscription-section.style-split_minimal .panel-label {
   font-size: 11px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 2px;
   color: var(--ins-green);
   margin-bottom: 24px;
   display: flex;
   align-items: center;
   gap: 8px;
}

.gva-inscription-section.style-split_minimal .panel-label::before {
   content: '';
   width: 12px;
   height: 2px;
   background-color: var(--ins-green);
}

.gva-inscription-section.style-split_minimal .panel-headline {
   font-size: clamp(1.35rem, 2.2vw, 1.75rem);
   font-weight: 700;
   letter-spacing: -0.5px;
   margin: 0 0 16px;
   color: #111111;
}

.gva-inscription-section.style-split_minimal .left-digital-panel {
   background: #ffffff;
   border-right: 1px solid #f0f0f0;
   justify-content: space-between;
}

.gva-inscription-section.style-split_minimal .digital-body p,
.gva-inscription-section.style-split_minimal .local-intro {
   font-size: 1rem;
   line-height: 1.6;
   color: #555555;
   margin: 0 0 28px;
}

.gva-inscription-section.style-split_minimal .minimal-cta-box {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: var(--ins-blue);
   padding: 22px 24px;
   border-radius: 20px;
   text-decoration: none;
   transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
   margin-top: auto;
}

.gva-inscription-section.style-split_minimal .minimal-cta-box:hover {
   background-color: var(--ins-green);
   transform: translateY(-3px);
   box-shadow: 0 20px 40px rgba(0, 135, 81, 0.2);
   color: #ffffff;
}

.gva-inscription-section.style-split_minimal .cta-content .url-sub {
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: rgba(255, 255, 255, 0.6);
   margin-bottom: 4px;
   display: block;
}

.gva-inscription-section.style-split_minimal .cta-content .url-main {
   font-size: 17px;
   font-weight: 600;
   color: #ffffff;
}

.gva-inscription-section.style-split_minimal .cta-arrow-icon {
   width: 44px;
   height: 44px;
   background-color: rgba(255, 255, 255, 0.08);
   border-radius: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #ffffff;
   font-size: 16px;
   transition: all 0.3s ease;
   flex-shrink: 0;
}

.gva-inscription-section.style-split_minimal .minimal-cta-box:hover .cta-arrow-icon {
   background-color: #ffffff;
   color: var(--ins-green);
   transform: translateX(4px);
}

.gva-inscription-section.style-split_minimal .right-physical-panel {
   background: linear-gradient(180deg, #fbfcfb 0%, #f4f7f5 100%);
}

.gva-inscription-section.style-split_minimal .right-physical-panel .panel-label {
   color: var(--ins-blue);
}

.gva-inscription-section.style-split_minimal .right-physical-panel .panel-label::before {
   background-color: var(--ins-blue);
}

.gva-inscription-section.style-split_minimal .geometric-list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 22px;
}

.gva-inscription-section.style-split_minimal .geometric-item {
   display: flex;
   align-items: flex-start;
   gap: 20px;
}

.gva-inscription-section.style-split_minimal .geo-indicator {
   width: 32px;
   height: 32px;
   background-color: #ffffff;
   border: 1px solid #e0e0e0;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   font-weight: 700;
   color: var(--ins-blue);
   flex-shrink: 0;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
   transition: all 0.25s ease;
}

.gva-inscription-section.style-split_minimal .geometric-item:hover .geo-indicator {
   border-color: var(--ins-green);
   color: var(--ins-green);
   background-color: #e6f3ed;
}

.gva-inscription-section.style-split_minimal .geo-text strong {
   display: block;
   font-size: 1rem;
   font-weight: 600;
   color: #111111;
   margin-bottom: 4px;
}

.gva-inscription-section.style-split_minimal .geo-text p {
   font-size: 0.92rem;
   line-height: 1.5;
   color: #666666;
   margin: 0;
}

.gva-inscription-section.style-split_minimal .clean-footer-bar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: #ffffff;
   border: 1px solid #f0f0f0;
   padding: 22px 36px;
   border-radius: 20px;
   margin-top: 28px;
}

.gva-inscription-section.style-split_minimal .footer-left-content {
   display: flex;
   align-items: center;
   gap: 18px;
}

.gva-inscription-section.style-split_minimal .status-light {
   width: 10px;
   height: 10px;
   background-color: var(--ins-green);
   border-radius: 50%;
   position: relative;
   flex-shrink: 0;
}

.gva-inscription-section.style-split_minimal .status-light::after {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: var(--ins-green);
   border-radius: 50%;
   animation: ins-pulse 2s infinite;
   opacity: 0.4;
}

.gva-inscription-section.style-split_minimal .footer-left-content p {
   margin: 0;
   font-size: 0.95rem;
   color: #444444;
   font-weight: 500;
   line-height: 1.55;
}

@keyframes ins-pulse {
   0% { transform: scale(1); opacity: 0.4; }
   100% { transform: scale(2.5); opacity: 0; }
}

/* ==================================================
   SPLIT ASYMÉTRIQUE
   ================================================== */
.gva-inscription-section.style-split_asymmetric .header-minimal {
   margin-bottom: 42px;
   text-align: center;
}

.gva-inscription-section.style-split_asymmetric .section-title {
   font-size: clamp(1.5rem, 2.8vw, 2rem);
   font-weight: 800;
   letter-spacing: -0.5px;
   color: #111827;
   margin: 0 0 10px;
}

.gva-inscription-section.style-split_asymmetric .section-subtitle {
   color: #6b7280;
   font-size: 1rem;
   margin: 0;
   line-height: 1.6;
}

.gva-inscription-section.style-split_asymmetric .split-layout {
   display: flex;
   background: #ffffff;
   border-radius: 24px;
   overflow: hidden;
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08);
   min-height: 420px;
}

.gva-inscription-section.style-split_asymmetric .split-side {
   display: flex;
   flex-direction: column;
}

.gva-inscription-section.style-split_asymmetric .online-side {
   flex: 1.1;
   background: linear-gradient(135deg, #112233 0%, #1a334d 100%);
   color: #ffffff;
   padding: 44px 40px;
   justify-content: space-between;
   position: relative;
}

.gva-inscription-section.style-split_asymmetric .online-side::before {
   content: "ONLINE";
   position: absolute;
   right: -20px;
   bottom: 20px;
   font-size: clamp(3rem, 8vw, 5.5rem);
   font-weight: 900;
   color: rgba(255, 255, 255, 0.03);
   letter-spacing: 5px;
   pointer-events: none;
}

.gva-inscription-section.style-split_asymmetric .side-tag {
   align-self: flex-start;
   padding: 6px 14px;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   border-radius: 30px;
   margin-bottom: 24px;
}

.gva-inscription-section.style-split_asymmetric .online-side .side-tag {
   background: rgba(0, 184, 148, 0.15);
   color: #00b894;
}

.gva-inscription-section.style-split_asymmetric .local-side .side-tag {
   background: rgba(0, 135, 81, 0.1);
   color: var(--ins-green);
}

.gva-inscription-section.style-split_asymmetric .side-title {
   font-size: clamp(1.25rem, 2vw, 1.6rem);
   font-weight: 700;
   margin: 0 0 12px;
   letter-spacing: -0.5px;
   color: white;
}
.gva-inscription-section.style-split_asymmetric .online-side  p {
   color: white;
}
.gva-inscription-section.style-split_asymmetric .side-desc {
   font-size: 0.95rem;
   line-height: 1.6;
   margin: 0 0 28px;
}

.gva-inscription-section.style-split_asymmetric .online-side .side-desc {
   opacity: 0.85;
   color: #ffffff;
}

.gva-inscription-section.style-split_asymmetric .action-link-block {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: rgba(255, 255, 255, 0.07);
   border: 1px solid rgba(255, 255, 255, 0.1);
   padding: 18px 22px;
   border-radius: 16px;
   text-decoration: none;
   color: #ffffff;
   transition: all 0.3s ease;
   margin-top: auto;
}

.gva-inscription-section.style-split_asymmetric .action-link-block:hover {
   background: var(--ins-green);
   border-color: var(--ins-green);
   transform: translateY(-2px);
   box-shadow: 0 10px 20px rgba(0, 135, 81, 0.3);
   color: #ffffff;
}

.gva-inscription-section.style-split_asymmetric .action-link-block .btn-text span {
   display: block;
   font-size: 12px;
   text-transform: uppercase;
   opacity: 0.6;
   letter-spacing: 0.5px;
   margin-bottom: 2px;
}

.gva-inscription-section.style-split_asymmetric .action-link-block .btn-text strong {
   font-size: 16px;
   font-weight: 600;
}

.gva-inscription-section.style-split_asymmetric .circle-arrow {
   width: 40px;
   height: 40px;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   transition: transform 0.3s ease;
   flex-shrink: 0;
}

.gva-inscription-section.style-split_asymmetric .action-link-block:hover .circle-arrow {
   transform: rotate(-45deg) scale(1.1);
   background: #ffffff;
   color: var(--ins-green);
}

.gva-inscription-section.style-split_asymmetric .local-side {
   flex: 1.3;
   padding: 44px 40px;
   background: #ffffff;
}

.gva-inscription-section.style-split_asymmetric .local-side .side-title {
   color: #111827;
}

.gva-inscription-section.style-split_asymmetric .local-side .side-desc {
   color: #6b7280;
}

.gva-inscription-section.style-split_asymmetric .urban-list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 18px;
}

.gva-inscription-section.style-split_asymmetric .urban-list li {
   display: flex;
   gap: 18px;
   padding-bottom: 2px;
   border-bottom: 1px solid #f3f4f6;
}

.gva-inscription-section.style-split_asymmetric .urban-list li:last-child {
   border-bottom: none;
   padding-bottom: 0;
}

.gva-inscription-section.style-split_asymmetric .num-index {
   font-size: 1.4rem;
   font-weight: 800;
   color: #e5e7eb;
   line-height: 1;
   transition: color 0.3s ease;
   flex-shrink: 0;
}

.gva-inscription-section.style-split_asymmetric .urban-list li:hover .num-index {
   color: var(--ins-green);
}

.gva-inscription-section.style-split_asymmetric .list-text strong {
   display: block;
   font-size: 0.95rem;
   color: #111827;
   margin-bottom: 4px;
}

.gva-inscription-section.style-split_asymmetric .list-text span {
   font-size: 0.88rem;
   color: #6b7280;
   line-height: 1.45;
}

.gva-inscription-section.style-split_asymmetric .floating-support-bar {
   background: #111827;
   color: #ffffff;
   padding: 18px 28px;
   border-radius: 16px;
   margin-top: 26px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
}

.gva-inscription-section.style-split_asymmetric .support-left {
   display: flex;
   align-items: center;
   gap: 14px;
}

.gva-inscription-section.style-split_asymmetric .support-icon {
   font-size: 1.35rem;
   background: rgba(255, 255, 255, 0.1);
   width: 44px;
   height: 44px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.gva-inscription-section.style-split_asymmetric .support-left p {
   margin: 0;
   font-size: 0.92rem;
   color: #9ca3af;
   line-height: 1.5;
}

.gva-inscription-section.style-split_asymmetric .support-left p strong {
   color: #ffffff;
}

.gva-inscription-section.style-split_asymmetric .badge-status {
   background: var(--ins-green);
   color: #ffffff;
   font-size: 11px;
   font-weight: 700;
   padding: 6px 12px;
   border-radius: 6px;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   white-space: nowrap;
   flex-shrink: 0;
}

/* ==================================================
   RESPONSIVE
   ================================================== */
@media (max-width: 850px) {
   .gva-inscription-section.style-split_minimal .split-grid {
      grid-template-columns: 1fr;
   }

   .gva-inscription-section.style-split_minimal .grid-panel {
      padding: 32px 26px;
   }

   .gva-inscription-section.style-split_minimal .left-digital-panel {
      border-right: none;
      border-bottom: 1px solid #f0f0f0;
   }

   .gva-inscription-section.style-split_minimal .clean-footer-bar {
      padding: 20px 22px;
   }

   .gva-inscription-section.style-split_minimal .footer-left-content {
      align-items: flex-start;
   }

   .gva-inscription-section.style-split_asymmetric .split-layout {
      flex-direction: column;
      min-height: 0;
   }
   .gva-inscription-section.style-split_asymmetric h3.side-title {
color: white;
   }
   .gva-inscription-section.style-split_asymmetric .split-side.online-side p{
      color: white;
}
   .gva-inscription-section.style-split_asymmetric .online-side,
   .gva-inscription-section.style-split_asymmetric .local-side {
      padding: 32px 26px;
   }

   .gva-inscription-section.style-split_asymmetric .floating-support-bar {
      flex-direction: column;
      align-items: flex-start;
   }
}

@media (max-width: 575px) {
   .gva-inscription-section.style-split_minimal .minimal-cta-box,
   .gva-inscription-section.style-split_asymmetric .action-link-block {
      flex-direction: column;
      align-items: flex-start;
      gap: 14px;
   }
}