/* Roboyol telefon düzeltmeleri (2026-11-10, Paket G — telefon ana sayfası).
 * common/footer.php her sayfada yükler. Kurallar yalnız html.phone kapsamında (Journal3 sınıfı UA'ya göre basar);
 * tablet (html.tablet) ve masaüstü etkilenmez. DB customCSS "mobil v1/v2" bloklarına dokunulmaz; burada ezilir.
 * 1. Ana sayfa kategori çip şeridi (modül 19'un content_top kopyası) ve satırı gizli.
 * 2. SensFlux afişi (master_slider 26) 8 px yan boşlukla neredeyse tam genişlik, köşe 12 px, üst/alt 8–10 px.
 * 3. Üst çubuk Hesabım kutusu (.ry-mh-hesap, header_mobile_2.twig; varsayılan hidden → yalnız telefonda görünür).
 * 4. Alt çubuk "Kategoriler" ipucu: ikonun sağ üstünde mavi daire içinde yukarı ok (animasyon yok).
 * 5. Yan menü (template#ry-yan-menu) Google yuvası (catalog/controller/roboyol/google.php yanMenu, template/roboyol/google_yanmenu.twig).
 * 6. Blog bağlantısı (2026-11-10, Paket X): masaüstü ana menü hapı + yan menü satırının önizleme noktası (html.desktop / .ry-ym kapsamlı).
 * Belge: assets/hesabim/README.md "Paket G — telefon ana sayfası"; plan: assets/tasarim/2026-11-09-kalan-alanlar.md
 */

/* 1. kategori şeridi: modül ve (yalnız onu taşıyan) Journal3 satırı */
html.phone.route-common-home .grid-item>.accordion-menu-19{display:none !important}
html.phone.route-common-home #content-top .grid-row:has(.grid-item>.accordion-menu-19):not(:has(.grid-item>.module:not(.accordion-menu-19))){display:none !important}

/* 2. afiş: satırın yan boşluğu sıfır, modül #content dolgusunu (20 px) 12 px taşar → ekran kenarından 8 px */
html.phone.route-common-home #content-top .grid-row:has(.module-master_slider-26){padding:8px 0 10px !important;margin:0 !important}
html.phone.route-common-home .module-master_slider-26{width:calc(100% + 24px) !important;max-width:none !important;margin:0 -12px !important;border-radius:12px !important}
html.phone.route-common-home .module-master_slider-26 .ms-container,
html.phone.route-common-home .module-master_slider-26 .ms-slide,
html.phone.route-common-home .module-master_slider-26 .ms-slide-bgcont{border-radius:12px !important}

/* 3. üst çubuk: menü 40 · logo (ekrana göre ortalı) · hesap 40 · sepet 40, 10 px aralık (mobil v2) */
html.phone.mobile-header-active .mobile-2 .mobile-bar>.ry-mh-hesap{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#f3f6fa;display:flex;align-items:center;justify-content:center;text-decoration:none !important}
html.phone.mobile-header-active .mobile-2 .mobile-bar>.ry-mh-hesap::before{content:'';display:block;width:22px;height:22px;background-color:#0d2f56;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center/contain no-repeat}
html.phone.mobile-header-active .mobile-2 .mobile-bar>.ry-mh-hesap--uye::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#1fa855;box-shadow:0 0 0 2px #fff}
html.phone.mobile-header-active .mobile-2 .mobile-bar>.ry-mh-hesap:active{background:#e6edf6}
/* logo kutusu menü tarafından 40, sağ taraftan 90 px uzakta: sol dolgu 50 px → içerik ekran ortasında kalır */
html.phone.mobile-header-active .mobile-2 .mobile-bar:has(>.ry-mh-hesap)>.mobile-logo-wrapper{padding-left:50px;box-sizing:border-box}

/* 4. alt çubuk "Kategoriler": yan menüyü açtığını gösteren ok rozeti (ikonun sağ üstü) */
html.phone .bottom-menu.bottom-menu-266 a[href*="ry-kategoriler"] .links-text::before{content:'';position:absolute;top:4px;left:calc(50% + 5px);width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #fff;background:#2f6fe0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3.2M3.4 5.6 6 3l2.6 2.6'/%3E%3C/svg%3E") center/12px 12px no-repeat;pointer-events:none}

/* 5. yan menü: misafirde Giriş yap / Üye ol satırının altında Google düğmesi */
.ry-ym__google{padding:2px 16px 10px}
.ry-ym__google .ry-google-slot{display:flex;justify-content:center;min-height:44px}
.ry-ym__google .ry-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;border:1.5px solid #dadce0;border-radius:10px;background:#fff;color:#3c4043 !important;font-size:14.5px;font-weight:600;text-decoration:none !important}
.ry-ym__google .ry-google-btn[hidden]{display:none}
.ry-ym__google .ry-google-btn svg{width:18px;height:18px}
.ry-ym__google .ry-google-note{margin:8px 0 0;font-size:12px;line-height:1.45;color:#6b7a8f;text-align:center}
.ry-ym__google .ry-google-note[hidden]{display:none}

/* 6. Blog bağlantısı (2026-11-10, Paket X): masaüstü ana menü satırında hapların sonunda "Blog" (journal3/headers/desktop/classic.twig,
 *    .ry-blog-menu) ve yan menüde Kategoriler'in altında tek satır (header_mobile_2.twig, .ry-ym__blog; görünüm .ry-ym__liste'den).
 *    İkisi de yalnız olay roboyol_rehber_menu değer verdiğinde basılır (catalog/controller/roboyol/rehber.php menu()).
 *    Hap görünümü customCSS "ana menü düğmeler (2026-11-04)" bloğundaki modül 3 haplarının kopyası (o kurallar div.main-menu.main-menu-3
 *    seçicisine bağlı; Blog .main-menu sınıfı taşımaz çünkü Journal3 menü betiği .main-menu / #main-menu'yü taşıyor): orası değişirse
 *    burası da değişmeli. order:1 → Journal3 #main-menu'yü sarmalayıcının sonuna taşısa bile (masaüstü ↔ mobil geçişi) Blog en sonda kalır.
 *    flex-grow:1 → satırın boş kalan yerini Blog kutusu alır (Journal3 #main-menu'ye margin-right:auto veriyor; yoksa Blog sağ uca itilirdi),
 *    bağlantı kutunun solunda, TemcoLink'ten 10 px sonra durur. Önizleme noktası (yalnız yönetici, anahtar 0): 6 px amber #f59e0b. */
html.desktop .desktop-main-menu-wrapper>.ry-blog-menu{order:1;flex:1 1 auto;min-width:0;display:flex;align-items:center;height:100%;margin-left:10px}
html.desktop .ry-blog-menu__bag{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;box-sizing:border-box;padding:0 18px;border:1px solid #DCE2EA;border-radius:10px;background:#FFFFFF;color:#17233A !important;font-family:Montserrat,sans-serif;font-size:14.5px;font-weight:600;line-height:1;letter-spacing:.1px;text-transform:none;text-decoration:none !important;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
html.desktop .ry-blog-menu__bag:not(.ry-aktif):hover{border-color:#14335A;color:#14335A !important;background:#F4F6F9;box-shadow:0 2px 6px rgba(13,35,64,.10);transform:translateY(-1px)}
html.desktop .ry-blog-menu__bag.ry-aktif{background:#14335A;border-color:#14335A;color:#FFFFFF !important}
html.desktop .ry-blog-menu__bag.ry-aktif:hover{background:#0D2340;border-color:#0D2340}
html.desktop .ry-blog-menu__bag:focus{outline:none}
html.desktop .ry-blog-menu__bag:focus-visible{outline:2px solid #2F6FE0;outline-offset:2px}
@media (max-width:1200px){html.desktop .ry-blog-menu__bag{padding:0 14px;font-size:14px}}
.ry-blog-nokta{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#f59e0b}
.ry-ym__liste .ry-blog-nokta{margin-left:-6px}