/********* FOOTER **********/
.footer {background: var(--footer); color:var(--text-muted); position:relative; z-index:1;}
.footer .container {padding:60px 40px 60px 40px;}
.foot-wrapper { gap:30px; border-bottom:1px solid var(--border); padding-bottom:30px; margin-bottom:30px;
               display:flex;}
.foot-brand {width:300px; display:flex; flex-direction:column; gap:8px; }
.foot-brand p {font-size:14px;}
.foot-brand p.foot-merch {font-size:16px;  white-space: nowrap; color:var(--text);}
.foot-brand p.foot-merch span {color:var(--lime); font-size:18px; }
html[data-theme="light"] .foot-brand p.foot-merch span {color:var(--text); }
.foot-nav {display:flex; gap:0px; width:100%;}
.foot-item {display:flex; flex-direction:column; gap:22px; flex:1;
           border-left:1px solid var(--border); padding:0 20px 0 30px;}
.foot-item:first-child {flex:3;}
.foot-logo {margin-top:-13px; margin-bottom:12px;}
.foot-logo {display:flex; align-items:center; text-decoration:none; gap:8px; font-size:22px; font-weight:400; letter-spacing:1px; 
       color:#c5c5c5;}
.foot-logo span {background:#d6ff0026; border-radius:6px; color:#d6ff00; padding:1px 0px 1px 4px; letter-spacing:0px; overflow:hidden;
           height:28px; display:flex; align-items:center}
.foot-logo span i {font-style:italic; font-weight:600; margin-right:-5px} 
.foot-tit {font-size:17px; color:var(--text);}
.foot-tit i {display:none;}
.foot-item p {font-size:14px;}


/********* FOOT MENU **********/
.foot-item ul {display:flex;flex-direction:column;gap:12px;list-style:none;}
.foot-item ul li a {text-decoration:none; color:var(--text-muted); font-size:14px;
                    display:block; line-height:1.2; }
.foot-item .programs-list {display: grid; grid-template-columns: repeat(2, 1fr); gap:0px 20px;
                         display: grid;  }
.foot-item .programs-list li {break-inside: avoid;  border-bottom: 12px solid transparent; }

/********* FOOT 2 **********/
.foot-wrapper-2 {display:flex; justify-content:space-between; align-items:start; gap:40px; 
                 margin-bottom:0px;}

.foot-copy {color:var(--text-dim); font-size:14px; line-height:1.6; display:flex; flex-wrap:wrap;
           gap:0px 20px;}
.foot-copy span {width:100%;}
.foot-copy a {color:var(--text-muted); text-decoration:underline; white-space: nowrap;
              text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 1px; 
              margin-left:0px;}
.foot-toggle {display:flex;  align-items:end; gap:14px;}
.foot-toggle .lang-picker {position:relative;}
.foot-toggle .dropdown-item {margin-top:0; bottom:44px; right:0;}
/****** privacy block *******/
.foot-info {display:flex; flex-wrap:wrap; gap:16px; margin:-10px 0 -10px 0; justify-content:left; width:100%;}
.foot-info a {text-decoration:none; font-size:14px; color:var(--text-muted);}
/****** AI block *******/
.foot-ai-item {display:flex; flex-direction:column; gap:20px;}
.foot-ai-item:last-child {border-left:1px solid var(--border); padding:0 0px 0 40px;}
.foot-ai-item > p {font-size:14px; text-wrap:balance;}
.ai-res-grid {display:flex; flex-wrap:wrap; gap:10px;}
.ai-res-grid a {flex:1; flex-basis:calc(40%); background:#00000012; display:flex; gap:20px;
               border-radius:12px; border:1px solid var(--border); padding:10px 20px; text-decoration:none;
               justify-content:space-between; align-items:center; color:var(--text-dim);}
.ai-res-grid a span {display:flex; flex-direction:column; gap:4px;}
.ai-res-grid a span b {color:#ccc;}
.ai-res-grid a > i {font-size:12px}
.ai-res-grid a:first-child > i {font-size:16px}
.foot-ai-btns {display:flex; gap:6px;}
.foot-ai-btns > a.btn {border-radius:50%; height:40px; padding:0; width:40px; background: #7c7c7c12; }
.foot-ai-btns > a.btn {border-radius:10px;}
.foot-ai-btns > a.btn img {width:22px; height:22px;}
.foot-ai-btns > a.btn span {display:none;}

/****** HOVERS *******/
@media (min-width: 1200px){
 .foot-item ul li a:hover {color:var(--text);}
 .foot-info a:hover {color:var(--text);}
 .ai-res-grid a:hover {background:#0000002e;}
} 

@media (max-width: 1200px) {
   .foot-wrapper {gap:60px;}
   .foot-nav {flex-wrap:wrap; gap:20px 30px;}
   .foot-item {border:0; padding:0;}
   .foot-item:first-child {width:100%; flex-basis:100%;}
   .foot-item .programs-list {gap:0px 30px; grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 840px) {
 .foot-wrapper {flex-direction:column; gap:0px; padding-bottom:6px; border:0; } 
 .foot-brand {border-bottom:1px solid var(--border); padding-bottom:20px; width:100%;} 
 .foot-brand p.foot-merch span {display:inline; margin-right:8px;}
 .foot-nav {flex-direction:column; gap:0;}
 .foot-item {border-bottom:1px solid var(--border); padding-bottom:0px;} 

 .foot-nav-block {gap:0; overflow:hidden;} 
 .foot-tit {display:flex; align-items:center; justify-content:space-between; font-size:16px; 
           padding:14px 0px; border-radius:10px; position:relative; z-index:1; color:var(--lime);}
 .foot-tit i {display:block; font-size:12px; color:var(--lime); transition: all 0.4s;} 
 .foot-item ul {overflow:hidden;max-height: 0;transition: max-height 0.3s ease;
              gap:0px; padding:0;}
 .foot-item ul li a {padding:8px 0px; display:block; background:var(--bg-gray); border-top:0px;}
 .foot-item ul li:last-child {margin-bottom:16px;}
 .foot-item.is-open .foot-tit i {transform: rotate(180deg);}
 .foot-item .programs-list { display: grid;grid-template-columns: repeat(2, 1fr);gap:0px; }
 .foot-item .programs-list li {break-inside: avoid;  border-bottom: 0; } 
html[data-theme="light"] {
    .foot-tit, .foot-tit i { color: var(--text); }
   }
 .foot-ai-item {gap: 0px; }
 .foot-ai-item:first-child {margin-top:-20px;}
 .foot-ai-item:last-child {border:0; padding:0px; border-bottom:1px solid var(--border); padding-bottom:30px;}
 .foot-ai-btns {margin-top:10px;}
 .ai-res-grid a {gap: 10px; padding: 10px 10px; font-size:14px;}
}

 @media (max-width: 640px) {
  .footer .container {padding:60px 20px 40px 20px;}
  .foot-wrapper-2 {flex-direction:column; gap:30px;}
  .foot-copy {gap:6px 20px; font-size:13px;}
  .foot-toggle .dropdown-item {right: auto;}
  .foot-info {flex-direction:column;}
 }

 @media (max-width: 380px) {
  .foot-item .programs-list {grid-template-columns: repeat(2, 48%);  gap:0px 10px;}
  .foot-item .programs-list li a {overflow-wrap: break-word; text-wrap:balance; }
}