v0.3.6 widen hamburger breakpoint and strengthen mobile nav rules

brand.css

@@ -170,7 +170,7 @@ html[data-theme="light"] .otb-dot{
   margin:0 auto;
 }
 
-@media (max-width: 900px){
+@media (max-width: 1100px){
   .site-container,
   .container{
     padding-left:16px !important;
@@ -273,7 +273,7 @@ html[data-theme="light"] .otb-dot{
   gap:16px;
 }
 
-@media (max-width: 900px){
+@media (max-width: 1100px){
   .otb-menu-toggle{
     display:flex;
   }
@@ -336,3 +336,58 @@ html[data-theme="light"] .otb-dot{
     display:block;
   }
 }
+
+
+
+/* ===== stronger mobile nav override ===== */
+@media (max-width: 1100px){
+  .otb-menu-toggle{
+    display:flex !important;
+  }
+
+  .site-nav{
+    display:flex !important;
+    align-items:center !important;
+    justify-content:space-between !important;
+    gap:14px !important;
+    flex-wrap:wrap !important;
+  }
+
+  .site-nav-right{
+    display:none !important;
+    width:100% !important;
+    flex-direction:column !important;
+    align-items:flex-start !important;
+    gap:14px !important;
+    padding-top:10px !important;
+  }
+
+  .site-nav-right.otb-nav-open{
+    display:flex !important;
+  }
+
+  .site-navlinks{
+    width:100% !important;
+    display:flex !important;
+    flex-direction:column !important;
+    align-items:flex-start !important;
+    gap:10px !important;
+  }
+
+  .site-navlinks > a,
+  .dropdown{
+    width:100% !important;
+  }
+
+  .dropdown-toggle{
+    width:100% !important;
+    justify-content:flex-start !important;
+  }
+
+  .dropdown-menu{
+    position:static !important;
+    min-width:0 !important;
+    width:100% !important;
+    margin-top:8px !important;
+  }
+}