.profile-fullname-row { grid-template-columns:1fr !important; } .profile-country-city-row { display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; width:100% !important; } .profile-country-city-row label, .profile-country-city-row select { width:100% !important; min-width:0 !important; box-sizing:border-box !important; } #profile-city:disabled { opacity:.55 !important; } @media(max-width:700px) { .profile-country-city-row { grid-template-columns:1fr !important; } } /* ========================================================= COMPLETE EUROPE CITY SEARCH ========================================================= */ .videuro-city-search { position:relative !important; width:100% !important; } .videuro-city-search > input { width:100% !important; box-sizing:border-box !important; } .videuro-city-results { position:absolute !important; left:0 !important; right:0 !important; top:calc(100% + 5px) !important; max-height:320px !important; overflow-y:auto !important; z-index:9999 !important; border:1px solid rgba(127,127,127,.32) !important; border-radius:10px !important; background:var(--surface,#101820) !important; box-shadow: 0 14px 38px rgba(0,0,0,.24) !important; padding:5px !important; } body:not(.dark-mode) .videuro-city-results { background:#ffffff !important; } .videuro-city-option { display:flex !important; flex-direction:column !important; align-items:flex-start !important; width:100% !important; border:0 !important; padding:9px 11px !important; border-radius:7px !important; background:transparent !important; color:inherit !important; text-align:left !important; cursor:pointer !important; } .videuro-city-option:hover { background:rgba(127,127,127,.14) !important; } .videuro-city-option strong { font-size:13px !important; font-weight:600 !important; } .videuro-city-option span { margin-top:2px !important; font-size:11px !important; opacity:.64 !important; } .videuro-city-empty { padding:12px !important; font-size:12px !important; opacity:.7 !important; } .videuro-city-status { display:block !important; margin-top:5px !important; font-size:10px !important; opacity:.55 !important; } /* ========================================================= HOME CITY PROFESSIONAL COMBOBOX ========================================================= */ .profile-city-combobox { position:relative !important; width:100% !important; } .profile-city-combobox > input { width:100% !important; box-sizing:border-box !important; } .profile-city-popup { position:absolute !important; top:calc(100% + 6px) !important; left:0 !important; right:0 !important; z-index:10000 !important; border: 1px solid rgba(127,127,127,.30) !important; border-radius: 10px !important; overflow:hidden !important; background: #11191f !important; box-shadow: 0 18px 50px rgba(0,0,0,.32) !important; } html[data-theme="light"] .profile-city-popup, body.light-mode .profile-city-popup { background: #ffffff !important; color: #111111 !important; } .profile-city-results { max-height: 340px !important; overflow-y: auto !important; padding: 5px !important; } .profile-city-option { display:flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; padding: 8px 10px !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; color: inherit !important; text-align: left !important; cursor: pointer !important; } .profile-city-option:hover { background: rgba(127,127,127,.14) !important; } .profile-city-option strong { font-size: 12px !important; font-weight: 600 !important; } .profile-city-option span { margin-top: 1px !important; font-size: 10px !important; opacity: .60 !important; } .profile-city-none { padding: 14px !important; font-size: 12px !important; opacity: .65 !important; } /* ========================================================= PROFILE — LIGHT MODE TEXT VISIBILITY ========================================================= */ /* Original profile labels */ body[data-page="profile"]:has(.site-header.vh-light) .profile-grid label, body[data-page="profile"]:has(.site-header.vh-light) .profile-grid label > span, html[data-theme="light"] body[data-page="profile"] .profile-grid label, body.light-mode[data-page="profile"] .profile-grid label, body.theme-light[data-page="profile"] .profile-grid label { color:#111111 !important; -webkit-text-fill-color:#111111 !important; opacity:1 !important; visibility:visible !important; text-shadow:none !important; } /* Small helper text under photo etc. */ body[data-page="profile"]:has(.site-header.vh-light) .profile-grid small, html[data-theme="light"] body[data-page="profile"] .profile-grid small, body.light-mode[data-page="profile"] .profile-grid small, body.theme-light[data-page="profile"] .profile-grid small { color:#555555 !important; -webkit-text-fill-color:#555555 !important; opacity:1 !important; } /* Input / select / textarea text */ body[data-page="profile"]:has(.site-header.vh-light) .profile-grid input, body[data-page="profile"]:has(.site-header.vh-light) .profile-grid select, body[data-page="profile"]:has(.site-header.vh-light) .profile-grid textarea, html[data-theme="light"] body[data-page="profile"] .profile-grid input, html[data-theme="light"] body[data-page="profile"] .profile-grid select, html[data-theme="light"] body[data-page="profile"] .profile-grid textarea { color:#111111 !important; -webkit-text-fill-color:#111111 !important; } /* Placeholder */ body[data-page="profile"]:has(.site-header.vh-light) .profile-grid input::placeholder, body[data-page="profile"]:has(.site-header.vh-light) .profile-grid textarea::placeholder, html[data-theme="light"] body[data-page="profile"] .profile-grid input::placeholder, html[data-theme="light"] body[data-page="profile"] .profile-grid textarea::placeholder { color:#666666 !important; -webkit-text-fill-color:#666666 !important; opacity:1 !important; } /* Dropdown options */ body[data-page="profile"]:has(.site-header.vh-light) .profile-grid select option, html[data-theme="light"] body[data-page="profile"] .profile-grid select option { color:#111111 !important; background:#ffffff !important; -webkit-text-fill-color:#111111 !important; }