/* ================================
   ISWAVLEMETI LIVE CHAT - FULL CSS
================================ */

#geoSupport,#geoSupport *,.help-popup,.help-popup *{box-sizing:border-box}


/* ===== მთავარი ონლაინ დახმარების ღილაკი ===== */

.help-open-btn{
 position:relative;
 margin:-149px 6px 1px;
 float:right;
 cursor:pointer;
 z-index:100
}

.online-help-btn{
 position:relative;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 width:244px;
 height:22px;
 padding:7px 15px;
 overflow:hidden;
 text-decoration:none;
 color:#dbc658;
 background:linear-gradient(180deg,#191919,#080808);
 border:1px solid #806500;
 border-bottom:4px solid #f1c40f;
 font:700 14px Tahoma,Arial,sans-serif;
 box-shadow:inset 0 1px rgba(255,255,255,.06),0 4px 15px rgba(0,0,0,.25);
 transition:.2s ease;
 float:left;
 left:-403px;
 top:-6px
}

.online-help-btn:hover{color:#ffd700}

.online-help-btn:before{
 content:"";
 position:absolute;
 inset:0;
 background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);
 background-size:10px 10px;
 opacity:.3
}

.online-help-btn:after{
 content:"";
 position:absolute;
 top:0;
 right:23px;
 width:4px;
 height:100%;
 background:#f1c40f;
 transform:skew(-20deg);
 box-shadow:-18px 0 rgba(255,255,255,.08)
}

.icon-box,.btn-text{
 position:relative;
 z-index:2
}

.icon-box{font-size:15px}

.btn-text{white-space:nowrap}


/* =================================
   პირველი პატარა POPUP
================================= */

.help-popup{
 position:fixed;
 inset:0;
 display:flex;
 align-items:center;
 justify-content:center;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 background:transparent!important;
 transition:opacity .18s ease,visibility 0s linear .18s;
 z-index:2147483001
}

.help-popup.active{
 opacity:1;
 visibility:visible;
 pointer-events:auto;
 transition:opacity .18s ease,visibility 0s
}

.help-overlay{
 display:none!important;
 background:transparent!important;
 opacity:0!important;
 backdrop-filter:none!important;
 pointer-events:none!important
}

.help-box{
 position:relative;
 z-index:2;
 width:380px;
 overflow:hidden;
 background:#fff;
 border:1px solid #2a2a2a;
 border-radius:5px;
 box-shadow:0 12px 35px rgba(0,0,0,.28);
 font-family:Tahoma,Verdana,Arial,sans-serif;
 opacity:0;
 transform:translateY(8px) scale(.99);
 transition:opacity .18s ease,transform .18s ease
}

.help-popup.active .help-box{
 opacity:1;
 transform:none
}

.help-header{
 min-height:54px;
 padding:0 12px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 background:linear-gradient(180deg,#161616,#080808);
 color:#fff;
 border-bottom:3px solid #ed0a17;
 font-size:12px;
 font-weight:bold
}

.help-close{
 height:31px;
 padding:0 12px;
 border:0;
 border-radius:2px;
 background:#ed0a17;
 color:#fff;
 font:700 10px Tahoma,Arial,sans-serif;
 cursor:pointer;
 transition:.15s
}

.help-close:hover{
 background:#c9000d
}

.help-line{
 height:1px;
 margin:10px 12px;
 background:repeating-linear-gradient(
  to right,
  #aaa 0,
  #aaa 7px,
  transparent 7px,
  transparent 14px
 )
}

.help-row{
 display:flex;
 align-items:center;
 gap:13px;
 padding:10px 15px
}

.support-img{
 width:75px;
 height:64px;
 flex:0 0 75px;
 object-fit:contain;
 background:#f2f2f2;
 border:2px solid #ed0a17
}

.help-text{
 color:#333;
 font-size:12px;
 font-weight:600;
 line-height:1.55
}

.help-info{
 padding:8px 10px;
 text-align:center;
 color:#e30613;
 font-size:14px;
 font-weight:700
}

.help-buttons{
 display:flex;
 gap:9px;
 padding:11px 12px 13px
}

.help-buttons a{
 flex:1;
 min-height:40px;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:8px;
 border-radius:3px;
 color:#fff;
 text-decoration:none;
 text-align:center;
 font:700 12px Tahoma,Arial,sans-serif;
 transition:opacity .15s ease,transform .15s ease
}

.help-buttons a:hover{
 opacity:.92
}

.phone-btn{
 background:#ed2828
}

.contact-btn{
 background:#ff9800
}


/* =================================
   CHAT
================================= */

#geoSupport{
 position:fixed;
 right:20px;
 bottom:20px;
 z-index:2147483000;
 font-family:Tahoma,Arial,"Noto Sans Georgian",sans-serif
}

#geoWindow{
 position:fixed;
 right:18px;
 bottom:18px;
 width:380px;
 height:600px;
 display:flex;
 flex-direction:column;
 overflow:hidden;
 background:#fff;
 border:1px solid #272727;
 border-radius:6px;
 box-shadow:0 15px 45px rgba(0,0,0,.30);
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transform:translateY(8px);
 transform-origin:bottom right;
 transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
 z-index:2147483002
}

#geoWindow.open{
 opacity:1;
 visibility:visible;
 pointer-events:auto;
 transform:none;
 transition:opacity .18s ease,transform .18s ease,visibility 0s
}


/* ===== CHAT HEADER ===== */

.geoHead{
 min-height:72px;
 flex:0 0 72px;
 padding:0 14px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 background:linear-gradient(180deg,#171717,#080808);
 color:#fff;
 border-bottom:3px solid #ed0a17
}

.geoHeadLeft{
 display:flex;
 align-items:center;
 gap:11px;
 min-width:0
}

.geoHeadIcon{
 width:42px;
 height:42px;
 flex:0 0 42px;
 display:flex;
 align-items:center;
 justify-content:center;
 background:#211417;
 border-radius:4px;
 color:#ed0a17;
 font-size:20px
}

.geoTitle{
 margin-bottom:5px;
 font-size:13px;
 font-weight:800
}

.geoOnline{
 display:flex;
 align-items:center;
 gap:6px;
 color:#a9e4ba;
 font-size:12px;
 font-weight:600
}

.geoDot{
 width:8px;
 height:8px;
 flex:0 0 8px;
 border-radius:50%;
 background:#25d366;
 box-shadow:0 0 6px rgba(37,211,102,.55)
}

.geoOnline.offline{
 color:#ffb1b5
}

.geoOnline.offline .geoDot{
 background:#ed0a17;
 box-shadow:none
}

#geoClose{
 width:34px;
 height:34px;
 padding:0;
 display:flex;
 align-items:center;
 justify-content:center;
 border:0;
 border-radius:3px;
 background:#ed0a17;
 color:#fff;
 font-size:21px;
 line-height:1;
 cursor:pointer;
 transition:.15s
}

#geoClose:hover{
 background:#c9000d
}


/* ===== WELCOME ===== */

.geoWelcome{
 flex:0 0 auto;
 margin:11px 12px 4px;
 padding:11px 12px;
 background:#fff;
 border: 2px solid #ed0000;
 border-left: 2px solid #ed0a17;
}

.geoWelcome h3{
 margin:0 0 6px;
 padding:0 0 6px;
 color:#222;
 border-bottom: 2px dashed #ff0000;
 font-size:12px;
 font-weight:800
}

.geoWelcome p{
 margin:0;
 color:#777;
 font-size:13px;
 line-height:1.5
}


/* =================================
   RULES / NAME SCREEN
================================= */

#geoNameScreen{
 position:absolute;
 inset:0;
 z-index:9999;
 display:flex;
 align-items:flex-start;
 justify-content:center;
 padding:5px;
 overflow-y:auto;
 background:transparent!important;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transition:opacity .16s ease,visibility 0s linear .16s;
 top:69px;
 height:938px
}

#geoNameScreen.show{
 opacity:1;
 visibility:visible;
 pointer-events:auto;
 transition:opacity .16s ease,visibility 0s
}

.geoNameCard{
 width:100%;
 min-height:0;
 margin:0;
 overflow:hidden;
 background:#fff;
 border:1px solid #262626;
 border-radius:5px;
 box-shadow:0 10px 30px rgba(0,0,0,.20);
 opacity:0;
 transform:translateY(6px);
 transition:opacity .16s ease,transform .16s ease
}

#geoNameScreen.show .geoNameCard{
 opacity:1;
 transform:none
}


/* ===== RULES HEADER ===== */

.geoNameTop{
 min-height:59px;
 padding:0 13px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 background:linear-gradient(180deg,#171717,#080808);
 color:#fff;
 border-bottom:3px solid #ed0a17
}

.geoNameBrand{
 flex:1;
 min-width:0;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 color:#fff;
 font-size:12px;
 font-weight:900
}

.geoNameBrand span{
 color:#bcbcbc;
 font-weight:600
}

#geoNameClose{
 min-width:72px;
 height:34px;
 flex:0 0 auto;
 padding:0 12px;
 border:0;
 border-radius:3px;
 background:#ed0a17;
 color:#fff;
 font:800 13px Tahoma,Arial,sans-serif;
 cursor:pointer;
 transition:.15s
}

#geoNameClose:hover{
 background:#c9000d
}


/* ===== RULES BODY ===== */

.geoNameBody{
 padding:13px;
 background:#fff
}

.geoNameAlert{
 min-height:68px;
 padding:11px 12px;
 display:flex;
 align-items:center;
 gap:11px;
 background:#fff5f5;
 border:1px solid #f09ba2;
 border-radius:4px
}

.geoNameWarn{
 width:38px;
 height:38px;
 flex:0 0 38px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#e30613;
 font-size:27px;
 line-height:1
}

.geoNameAlert strong{
 display:block;
 margin:0 0 4px;
 color:#df0713;
 font-size:13px;
 font-weight:900;
 line-height:1.4
}

.geoNameAlert small{
 display:block;
 color:#888;
 font-size:12px;
 line-height:1.45
}


/* ===== RULES LIST ===== */

.geoRules{
 margin:11px 0 13px;
 padding:7px 11px;
 background:#f6f7f8;
 border:1px solid #dfe1e3;
 border-radius:4px
}

.geoRule{
 min-height:37px;
 padding:5px 0;
 display:flex;
 align-items:center;
 gap:10px;
 color:#2b2f33;
 border-bottom:1px solid #dedfe1;
 font-size:13px;
 font-weight:700;
 line-height:1.35
}

.geoRule:last-child{
 border-bottom:0
}

.geoRule b{
 width:19px;
 height:19px;
 flex:0 0 19px;
 padding:0;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50%;
 background:#ed0a17;
 color:#fff;
 font:700 14px/19px Arial,sans-serif
}


/* ===== NAME ===== */

.geoNameHint{
 margin:0 0 7px;
 color:#303337;
 font-size:14px;
 font-weight:800
}

.geoNameField{
 height:45px;
 display:flex;
 align-items:center;
 overflow:hidden;
 background:#fff;
 border:2px solid #ed0a17;
 border-radius:4px;
 transition:box-shadow .15s ease
}

.geoNameField:focus-within{
 box-shadow:0 0 0 3px rgba(237,10,23,.08)
}

.geoNameField span{
 width:43px;
 height:41px;
 flex:0 0 43px;
 display:flex;
 align-items:center;
 justify-content:center;
 background:#f7f7f7;
 color:#444;
 border-right:1px solid #eee;
 font-size:15px
}

#geoNameInput{
 flex:1;
 width:100%;
 height:40px;
 padding:0 -6px!important;
 border:0!important;
 outline:0!important;
 background:#fff!important;
 color:#000!important;
 box-shadow:none!important
}

#geoNameInput::placeholder{
 color:#aaa;
 opacity:1
}


/* ===== START BUTTON ===== */

#geoNameStart{
 width:100%;
 height:45px;
 margin-top:10px;
 padding:0 12px;
 border:0;
 background:linear-gradient(180deg,#f20b19,#d90010);
 color:#fff;
 font:900 17px Tahoma,Arial,sans-serif;
 cursor:pointer;
 box-shadow:0 4px 10px rgba(220,0,16,.15)
}

#geoNameStart:hover:not(:disabled){
 background:#c9000d
}

#geoNameStart:active:not(:disabled){
 transform:translateY(1px)
}

#geoNameStart:disabled{
 background:#a7aaad;
 color:#eee;
 box-shadow:none;
 cursor:not-allowed
}

#geoNameError{
 display:none;
 margin-top:8px;
 padding:8px 10px;
 background:#fff1f2;
 color:#b9000b;
 border-left:3px solid #ed0a17;
 font-size:8px;
 font-weight:600;
 line-height:1.45
}


/* =================================
   MESSAGES
================================= */

#geoMessages{
 flex:1;
 min-height:0;
 padding:12px;
 overflow-x:hidden;
 overflow-y:auto;
 background:#f5f6f7;
 scrollbar-width:thin;
 scrollbar-color:#bbb transparent
}

#geoMessages::-webkit-scrollbar{
 width:5px
}

#geoMessages::-webkit-scrollbar-track{
 background:transparent
}

#geoMessages::-webkit-scrollbar-thumb{
 background:#bbb;
 border-radius:10px
}

.geoSystem{
 width:max-content;
 max-width:90%;
 margin:3px auto 10px;
 padding:6px 10px;
 background:#e9ebed;
 color:#85898d;
 border-radius:12px;
 text-align:center;
 font-size:13px
}

.geoRow{
 width:100%;
 display:flex;
 margin:7px 0
}

.geoRow.visitor{
 justify-content:flex-end
}

.geoRow.operator{
 justify-content:flex-start
}

.geoBubble{
 max-width:78%;
 padding:9px 11px;
 border-radius:13px;
 font-size:10px;
 line-height:1.5;
 word-break:break-word;
 box-shadow:0 2px 6px rgba(0,0,0,.05)
}

.geoRow.visitor .geoBubble{
 background:linear-gradient(145deg,#f11926,#d60010);
 color:#fff;
 border-bottom-right-radius:4px
}

.geoRow.operator .geoBubble{
 background:#fff;
 color:#25292d;
 border:1px solid #ddd;
 border-bottom-left-radius:4px
}

.geoTime{
 display:block;
 margin-top:4px;
 font-size:7px;
 opacity:.65
}

.geoChatImage{
 display:block;
 max-width:210px;
 max-height:220px;
 border-radius:6px;
 object-fit:cover;
 cursor:pointer
}


/* ===== TYPING ===== */

#geoOperatorTyping{
 display:none;
 flex:0 0 auto;
 padding:6px 13px;
 background:#fff;
 color:#000;
 border-top:1px solid #eee;
 font-size:13px;
 font-weight:700
}

#geoOperatorTyping.show{
 display:block
}


/* ===== STATUS ===== */

#geoStatus{
 display:none;
 flex:0 0 auto;
 padding:6px 10px;
 text-align:center;
 font-size: 14px;
}

#geoStatus.loading{
 display:block;
 color:#777;
 background:#f7f7f7
}

#geoStatus.error{
 display:block;
 color:#b0000a;
 background:#fff0f1;
 border-top:1px solid #ffd1d4
}


/* =================================
   FOOTER / INPUT
================================= */

.geoFooter{
 flex:0 0 auto;
 padding:9px;
 background:#fff;
 border-top:1px solid #ddd
}

.geoInputBox{
 min-height:50px;
 display:flex;
 align-items:center;
 gap:2px;
 padding:5px;
 background:#f8f8f8;
 border:2px solid #ed0a17
}

.geoInputBox:focus-within{
 box-shadow:0 0 0 3px rgba(237,10,23,.07)
}

#geoInput{
 flex:1;
 min-width:45px;
 max-height:65px;
 padding:6px;
 resize:none;
 border:0;
 outline:0;
 background:transparent;
 color:#25282c;
 font:12px/2.4 Tahoma,Arial,sans-serif
}

#geoInput::placeholder{
 color:#aaa
}

.geoTool{
 width:29px;
 height:30px;
 flex:0 0 29px;
 padding:0;
 display:flex;
 align-items:center;
 justify-content:center;
 border:0;
 border-radius:4px;
 background:#000;
 font-size:14px;
 cursor:pointer;
 transition:.12s
}

.geoTool:hover:not(:disabled){
 background:#ff0000
}

.geoTool:disabled{
 opacity:.3;
 cursor:not-allowed
}

#geoSend{
 width:39px;
 height:39px;
 flex:0 0 39px;
 padding:0;
 display:flex;
 align-items:center;
 justify-content:center;
 border:0;
 border-radius:4px;
 background:#ed0a17;
 color:#fff;
 font-size:17px;
 cursor:pointer;
 transition:.12s
}

#geoSend:hover:not(:disabled){
 background:#c9000d
}

#geoSend:disabled{
 opacity:.35;
 cursor:not-allowed
}


/* =================================
   LANGUAGE
================================= */

.geoFlag{
 width:22px;
 height:31px;
 flex:0 0 22px;
 margin-right:2px;
 padding:0;
 overflow:hidden;
 /* border:1px solid #ddd; */
 border-radius:3px;
 background:#fff;
 cursor:pointer
}

.geoFlagSlider{
 width:44px;
 height:29px;
 display:flex;
 transition:transform .16s ease
}

.geoFlag.eng .geoFlagSlider{
 transform:translateX(-22px)
}

.geoFlagSlider img{
 display:block;
 width:22px;
 height:29px;
 flex:0 0 22px;
 padding:0;
 margin:0;
 object-fit: none;
 object-position:center;
 image-rendering:auto
}


/* =================================
   EMOJI
================================= */

#geoEmojiPanel{
 position:absolute;
 right:42px;
 bottom:66px;
 z-index:10000;
 width:235px;
 display:none;
 grid-template-columns:repeat(7,1fr);
 gap:3px;
 padding:9px;
 background:#fff;
 border:1px solid #d7d9db;
 border-radius:5px;
 box-shadow:0 10px 30px rgba(0,0,0,.20)
}

#geoEmojiPanel.show{
 display:grid
}

.geoEmojiChoice{
 width:28px;
 height:28px;
 padding:0;
 display:flex;
 align-items:center;
 justify-content:center;
 border:0;
 border-radius:4px;
 background:transparent;
 font-size:16px;
 cursor:pointer
}

.geoEmojiChoice:hover{
 background:#eee
}


/* =================================
   END CHAT
================================= */

#geoEndOverlay{
 position:absolute;
 inset:0;
 z-index:11000;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:20px;
 background:rgba(255,255,255,.88);
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transition:opacity .16s ease,visibility 0s linear .16s
}

#geoEndOverlay.show{
 opacity:1;
 visibility:visible;
 pointer-events:auto;
 transition:opacity .16s ease,visibility 0s
}

.geoEndCard{
 width:100%;
 padding:20px;
 background:#fff;
 border:1px solid #ddd;
 border-radius:5px;
 text-align:center;
 box-shadow:0 10px 30px rgba(0,0,0,.18)
}

.geoEndTitle{
 color:#222;
 font-size:14px;
 font-weight:800
}

.geoEndText{
 margin:8px 0 15px;
 color:#777;
 font-size:9px
}

.geoEndActions{
 display:flex;
 gap:8px
}

.geoEndActions button{
 flex:1;
 height:38px;
 border:0;
 border-radius:3px;
 font:800 9px Tahoma,Arial,sans-serif;
 cursor:pointer
}

#geoEndCancel{
 background:#eceeef;
 color:#333
}

#geoEndConfirm{
 background:#ed0a17;
 color:#fff
}


/* =================================
   IMAGE PREVIEW
================================= */

#geoImagePreview{
 position:fixed;
 inset:0;
 z-index:2147483647;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:25px;
 background:rgba(0,0,0,.88);
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transition:opacity .18s ease,visibility 0s linear .18s
}

#geoImagePreview.show{
 opacity:1;
 visibility:visible;
 pointer-events:auto;
 transition:opacity .18s ease,visibility 0s
}

#geoImagePreviewImg{
 max-width:92vw;
 max-height:88vh;
 object-fit:contain;
 border-radius:5px
}

#geoImagePreviewClose{
 position:absolute;
 top:16px;
 right:16px;
 width:40px;
 height:40px;
 padding:0;
 display:flex;
 align-items:center;
 justify-content:center;
 border:0;
 border-radius:4px;
 background:#ed0a17;
 color:#fff;
 font-size:22px;
 cursor:pointer
}


/* =================================
   TOOLTIP
================================= */

#geoToolTip{
 position:fixed;
 left:0;
 top:0;
 z-index:2147483646;
 padding:7px 10px;
 background:#111;
 color:#fff;
 border:1px solid #333;
 border-radius:4px;
 font:700 10px/1.2 Tahoma,Arial,sans-serif;
 text-align:center;
 white-space:nowrap;
 box-shadow:0 5px 15px rgba(0,0,0,.30);
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transform:translate(-50%,4px);
 transition:
  opacity .12s ease,
  transform .12s ease,
  visibility .12s ease
}

#geoToolTip.show{
 opacity:1;
 visibility:visible;
 transform:translate(-50%,0)
}

#geoToolTip:after{
 content:"";
 position:absolute;
 left:50%;
 top:100%;
 width:0;
 height:0;
 transform:translateX(-50%);
 border-left:5px solid transparent;
 border-right:5px solid transparent;
 border-top:5px solid #111
}


/* =================================
   MOBILE
================================= */

@media(max-width:480px){

 .help-box{
  width:calc(100% - 24px);
  max-width:380px
 }

 #geoWindow{
  left:7px;
  right:7px;
  bottom:7px;
  width:auto;
  height:min(600px,calc(100dvh - 14px));
  border-radius:5px
 }

 #geoNameScreen{
  padding:7px
 }

 .geoNameTop{
  min-height:57px;
  padding:0 10px
 }

 .geoNameBrand{
  font-size:9px
 }

 #geoNameClose{
  min-width:67px;
  height:32px
 }

 .geoNameBody{
  padding:11px
 }

 .geoNameAlert{
  min-height:62px;
  padding:9px
 }

 .geoRules{
  margin:9px 0 11px;
  padding:5px 9px
 }

 .geoRule{
  min-height:34px;
  font-size:8.5px
 }

 #geoEmojiPanel{
  right:12px;
  bottom:65px
 }
}


/* =================================
   SMALL MOBILE
================================= */

@media(max-width:360px){

 .geoNameBrand{
  font-size:8px
 }

 #geoNameClose{
  min-width:61px;
  padding:0 8px;
  font-size:8px
 }

 .geoNameBody{
  padding:9px
 }

 .geoRule{
  min-height:32px;
  gap:8px;
  font-size:8px
 }

 #geoEmojiPanel{
  width:220px
 }

 .geoEmojiChoice{
  width:26px;
  height:26px
 }
}
button:hover {
    background-color: unset;
}


#geoToolTip.show{
 transform:translate(-50%,8px) !important;
}

/* INITIAL STATE: ჩატის ფორმა სახელის შეყვანამდე არ ჩანს */
#geoFooter{display:none!important;}
#geoMessages{display:none!important;}


/* ===== INSTANT NAME SCREEN =====
   ონლაინ დახმარებაზე დაჭერისთანავე, ყოველ გახსნაზე */
#geoNameScreen{
 transition:none!important;
}
#geoNameScreen.show{
 transition:none!important;
}
.geoNameCard{
 transition:none!important;
}
#geoNameScreen.show .geoNameCard{
 transition:none!important;
}


/* CLEAN COMPLETE CLOSE */
#geoWindow:not(.open){
 visibility:hidden!important;
 pointer-events:none!important;
}
#geoWindow.open{
 visibility:visible!important;
}


/* FINAL CLOSE STATE */
#geoWindow:not(.open){
 opacity:0!important;
 visibility:hidden!important;
 pointer-events:none!important;
}


/* FINAL: remove name-screen close; rename original X only */
#geoNameClose{
 display:none!important;
 visibility:hidden!important;
 pointer-events:none!important;
}
#geoClose{
 width:auto!important;
 min-width:76px!important;
 height:34px!important;
 padding:0 12px!important;
 font-size:13px!important;
 font-weight:800!important;
 white-space:nowrap!important;
}

/* TOP RED CLOSE BUTTON: keep original close logic, text only */
#geoClose{
 width:auto!important;
 min-width:76px!important;
 padding:0 12px!important;
 white-space:nowrap!important;
 font-size:12px!important;
 font-weight:800!important;
}

/* CACHE-PROOF VISUAL LABEL FOR THE REAL TOP CLOSE BUTTON */
#geoClose{
 font-size:0!important;
 min-width:76px!important;
 width:auto!important;
 padding:0 12px!important;
}
#geoClose::after{
 content:"დახურვა"!important;
 font-size:12px!important;
 font-weight:800!important;
 line-height:1!important;
}
